Foros del Web » Creando para Internet » CSS »

Animar CSS cuando scroll

Estas en el tema de Animar CSS cuando scroll en el foro de CSS en Foros del Web. Buenas! Tengo un elemento animado con CSS, pero este se encuentro muy abajo de mi página, entonces cuando bajas ya ha finalizado la animación y ...
  #1 (permalink)  
Antiguo 15/09/2015, 10:42
 
Fecha de Ingreso: febrero-2013
Mensajes: 90
Antigüedad: 11 años, 2 meses
Puntos: 0
Animar CSS cuando scroll

Buenas!

Tengo un elemento animado con CSS, pero este se encuentro muy abajo de mi página, entonces cuando bajas ya ha finalizado la animación y no se ve.

Me gustaría saber como hacer para que la animación se pusiera en funcionamiento solo cuando el elemento ha aparecido en pantalla (al hacer scroll).
  #2 (permalink)  
Antiguo 15/09/2015, 11:47
 
Fecha de Ingreso: septiembre-2015
Mensajes: 5
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Animar CSS cuando scroll

Cómo lo ves poniéndolo en un div al 100% i actívandolo con :hover?
  #3 (permalink)  
Antiguo 16/09/2015, 08:24
 
Fecha de Ingreso: febrero-2013
Mensajes: 90
Antigüedad: 11 años, 2 meses
Puntos: 0
Respuesta: Animar CSS cuando scroll

No está mal pero buscaba algo más elaborado. Quizás haya que meter Jquery no?
  #4 (permalink)  
Antiguo 16/09/2015, 19:09
Avatar de siddartha23  
Fecha de Ingreso: septiembre-2013
Mensajes: 357
Antigüedad: 10 años, 7 meses
Puntos: 39
Respuesta: Animar CSS cuando scroll

Te recomiendo Waypoints.js es muy sencilla de implementar...
__________________
velarde23.com - Soluciones Web

Etiquetas: animar, scroll
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 10:49.