elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


Tema destacado: Usando Git para manipular el directorio de trabajo, el índice y commits (segunda parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  ¿Como se hace este efecto con HTML5, CSS, JS?		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: ¿Como se hace este efecto con HTML5, CSS, JS?  (Leído 2,498 veces)
JuisitoFelix

Desconectado Desconectado

Mensajes: 7


Ver Perfil
¿Como se hace este efecto con HTML5, CSS, JS?
« 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.
En línea
MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: ¿Como se hace este efecto con HTML5, CSS, JS?
« Respuesta #1 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/
En línea
#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.856



Ver Perfil WWW
Re: ¿Como se hace este efecto con HTML5, CSS, JS?
« Respuesta #2 en: 31 Marzo 2020, 11:00 am »
Busca sobre Parallax Scrolling en CSS. Hay muchos ejemplos.

Saludos
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Como se hace el efecto gotas de agua, aparentado frío....
Diseño Gráfico 		webart 0 1,906 Último mensaje 29 Agosto 2006, 04:25 am
por webart
Cómo se hace este efecto?
Diseño Gráfico 		mandarinas 0 1,844 Último mensaje 1 Octubre 2006, 00:14 am
por mandarinas
como se hace este efecto
Diseño Gráfico 		SAM N 5 3,189 Último mensaje 26 Agosto 2007, 01:07 am
por H4RR13R
Como hace compatible Geolocation HTML5 y Modernizr con IE7?
Desarrollo Web 		L0Ko 0 1,887 Último mensaje 22 Julio 2012, 02:23 am
por L0Ko
¿Como se hace una app nativa de una hecha en html5 (IOS) ?
Programación General 		BEATMASTER 2 2,447 Último mensaje 28 Marzo 2013, 20:03 pm
por BEATMASTER
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines