hacer que aparezca una capa encima de otra al pasar el mause

[futusystem]

hola a todos, lo que trato de hacer es que al pasar el mause por una capa quisera que esta se oculte y aparezca otra en su lugar mostrando la opción de ver o ir al enlace, este enlace describe perfecto lo que busco http://corpoweb.com/nueva/portafolio.php, ellos en su portafolio muestran una imagen y al pasar el mause le aparece la opcion de ver e ir al enlace. alguien sabe como lograr ese efecto.

[IsaBelM]

ese es un efecto que se hace con css. pregunta en ese foro

[futusystem]

hola a todos, lo que trato de hacer es que al pasar el mause por una capa quisiera que esta se oculte y aparezca otra en su lugar mostrando la opción de ver o ir al enlace, este enlace describe perfecto lo que busco http://corpoweb.com/nueva/portafolio.php, ellos en su portafolio muestran una imagen y al pasar el mause le aparece la opción de ver e ir al enlace. alguien sabe como lograr ese efecto.

[teleconocimiento]

Debes de utilizar la propiedad hover de css. Por ejemplo si quieres que cambie el tamaño de fuente de un texto al pasar el raton por encima de el, pondrías:

#identificadorDeMiObjetoDeTexto:hover{

font-size: 3em;

}

Espero te sea de ayuda.

Un saludo.

[siddartha23]

Es muy sencillo de realizar: posicionamiento relativo, absoluto, overflow, opacity, hover, transition, keyframes, etc... con todo esto podría crearte varios ejemplos pero en este foro alentamos a los usuarios a practicar y mostrar su avance para poder apoyarlos en base al nivel que hayan alcanzado

[eltinchorz]

Tal como dice siddartha23 eso es un simple (y complejo a la vez) :hover, pero con varios elementos.
Lo que te va a ser muy util en estos casos es este selector:

Código CSS:

#elemento:hover #otroelemento {
    /*cosas que cambian al pasar el mouse por arriba*/
}
 

y los atributos que te van a hacer utiles en esa animacion especificamente son mayormente estos:

Código CSS:

#elemento {
   opacity:
   display:
   position:
   top:
   transition:
   transform:
}
 

Anda chusmeando como funciona este selector y estas propiedades y vas a ver como de a poco te va a ir quedando, suerte!