Buenas quería hacer una animación con CSS sencillita , he visto bastantes cosas por ahi que funcionan parecido pero no acaba de funcionar del todo.
La cosa sería un div con una imagen y otro div dentro , la imagen por delante el div por detras pero en la misma posición con absolute.
Al hacer hover la imagen hace un giro y desaparece dejando visible el div de atras donde hay algo de texto o un link o similares.
Tengo esto ahora mismo :
https://codepen.io/Gwyn/pen/XKgrPm
En CodePen me hace el giro y desaparece dejando visible el div pero luego vuelve a aparecer en vez de mantenerse en opacity:0 hasta que yo deje de hacer hover pero...
Si pruebo el mismo codigo en local no funciona igual , solo hace el giro pero no desaparece la img ni aparece el otro div ni nada.
Preguntas porque no se mantiene el div de atras mientras sigo encima y porque en local con xampp no funciona y en codepen si ?
Gracias