Foros del Web » Creando para Internet » CSS »

Animacion CSS

Estas en el tema de Animacion CSS en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 04/07/2016, 07:06
 
Fecha de Ingreso: abril-2015
Mensajes: 189
Antigüedad: 9 años
Puntos: 14
Animacion CSS

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
  #2 (permalink)  
Antiguo 07/07/2016, 03:10
 
Fecha de Ingreso: febrero-2016
Ubicación: Tenerife
Mensajes: 6
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Animacion CSS

Buenas javy!
He encontrado algo, googleando rapidamente, que te ayudará seguro. Utilizando un pequeñito script podrás dejar un "permahover"
Fijate bien en esto http://jsfiddle.net/jlratwil/w83BW/
Aunque en mi opinion, si usas una transicion con delay de unos segundos "after hovering" conseguirás un efecto más guapo y más interactivo, ya que volverá a su posición original pero podrás ver un poquito más (el tiempo que te de la gana en segundos) lo que hay debajo!

Saludos!

Etiquetas: animacion, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:46.