Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: JuisitoFelix en 30 Marzo 2020, 21:58 pm



Título: ¿Como se hace este efecto con HTML5, CSS, JS?
Publicado por: JuisitoFelix en 30 Marzo 2020, 21:58 pm
Hola a todos estaría interesado en realizar un efecto con CSS os dejo un gif como ilustración.

Exactamente quiero hacer el efecto de ir apareciendo letras detrás de una foto. Casi al final del gif se va mostrando las palabras "Míralo mas de cerca...."

Cuando se hace scroll hacia abajo van apareciendo detrás de las fotos otras fotos y texto.

(https://media.giphy.com/media/TKjWPWqUT91O9WPAe6/giphy.gif)


Título: Re: ¿Como se hace este efecto con HTML5, CSS, JS?
Publicado por: MinusFour en 30 Marzo 2020, 22:45 pm
Los efectos de opacidad probablemente sean javascript, quizás se puede hacer solo con CSS.

Un efecto similar:

https://jsfiddle.net/vquye28t/


Título: Re: ¿Como se hace este efecto con HTML5, CSS, JS?
Publicado por: #!drvy en 31 Marzo 2020, 11:00 am
Busca sobre Parallax Scrolling en CSS. Hay muchos ejemplos.

Saludos