Foros del Web » Creando para Internet » CSS »

Nombre de Efectos

Estas en el tema de Nombre de Efectos en el foro de CSS en Foros del Web. Buenas No estoy puesto mucho en los efectos CSS y me gustaria empezar a hacer alguna cosilla, he visto esta pagina que tiene 2 efectos ...
  #1 (permalink)  
Antiguo 27/11/2016, 06:53
 
Fecha de Ingreso: julio-2015
Mensajes: 85
Antigüedad: 8 años, 9 meses
Puntos: 4
Nombre de Efectos

Buenas

No estoy puesto mucho en los efectos CSS y me gustaria empezar a hacer alguna cosilla, he visto esta pagina que tiene 2 efectos que me han gustado pero no se su nombre y he estado buscando y no encuentro nada.

La pagina es esta: http://www.annasafroncik.it/

Y los efectos son los siguientes:

1- Al entrar a la pagina tiene un loading personalizado y cuando la pagina carga este hace una transicion desapareciendo pero la pagina hace su transicion hacia arriba.

2- Cuando vas haciendo scroll los elementos van apareciendo con alguna transiciopn o simplementa parecen como si acabasen de cargar.

Alguien me podria decir como se llaman estos efectos?
  #2 (permalink)  
Antiguo 27/11/2016, 13:40
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Nombre de Efectos

Para el punto 2 lo más rápido de implementar es Waypoints + animate css:

http://imakewebthings.com/waypoints/...tting-started/

Un ejemplo: http://jsfiddle.net/harconst/4FNFW/

Y hay diversos tutoriales más: https://www.google.com.mx/search?q=waypoints+animate


Lo del waypoints lo combinas con un smooth scroll: https://www.google.com.mx/search?q=smooth+scroll

Uno que me gusta es: https://css-tricks.com/snippets/jque...oth-scrolling/


Para el punto 1 puedes usar exactamente lo mismo o buscar comenzar a explorar animar con CSS solo. https://www.google.com.mx/search?q=css+animations

La librería animate css es básicamente animar con css.
  #3 (permalink)  
Antiguo 27/11/2016, 14:58
 
Fecha de Ingreso: julio-2015
Mensajes: 85
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: Nombre de Efectos

Muchas gracias

Empezare a yrastear con esto

Etiquetas: efectos, nombre
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 19:37.