Pues eso:
Estoy intentando hacer un zoom de una imagen en el mismo sitio de la misma imagen.
Tengo 2 capas solapadas una encima de otra.
La de arriba (Capa 1) solo muestra un icono de una lupa en una esquina.
Quiero que al ponerme encima con el raton sobre la lupa ya se haga zoom sobre la foto, es decir, quiero q el efecto hover se realice sobre la capa de debajo de la lupa (capa 2), pero cuando me pongo sobre la capa 1.
No se si me explico.
En este ejemplo lo hacen asi, pero no soy capaz de descifrar que parte del css es la que logra eso.
Para hacer lo que digo is a: http://www.jacklmoore.com/zoom/ y en la foto del perro negro (la primera de la izquierda) vereis que hay una lupita en la parte superior derecha. Pues bien, si pasais el raton por encima de la lupa vereis como el hover de la capa de debajo sigue funcionando.
Eso es lo que intento hacer yo.
¿Alguna idea de que css es el que permite eso?