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

[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!