Duda Diseño Web: Ejemplo

  • Autor Autor dogonline
  • Fecha de inicio Fecha de inicio
dogonline

dogonline

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, no sabía donde poner bien este tema ya que es sobre Diseño Web en general.

¿Alguien tiene idea de con qué puede haberse desarrollado una web como esta?


Me llama la atención el movimiento de las letras y secciones según te desplazas, no sé si es algo que se pueda configurar por plataformas convencionales o se hará con un lenguaje y programación muy personalizada.

Gracias!
 
¿Te sirvió? Únete a la conversación

Con tu cuenta gratis puedes responder, escribirle al autor por mensaje privado y comprar con Saldo retenido: el pago se libera cuando recibes lo acordado.

Toma 30 segundos · vuelves a este tema al terminar
Se le llama scroll-triggered animation
y se hace con Intersection Observer API una API moderna en JavaScript
el <span> esta "oculto" con la clase .char hasta que llega a cierta parte ya aparece
mostrando el carácter/letra que tiene data-char

<span class="char" data-char="o">o</span>

En resumen
html
css
JavaScript
 
Última edición:
Dale despacio al scroll de la derecha para abajo …

 
Está desarrollada en shopify. Y como por ejemplo otras plataformas como Wordpress, es posible hacer diseños personalizados con css, js y html.
 
Se le llama scroll-triggered animation
y se hace con Intersection Observer API una API moderna en JavaScript
el <span> esta "oculto" con la clase .char hasta que llega a cierta parte ya aparece
mostrando el carácter/letra que tiene data-char

<span class="char" data-char="o">o</span>

En resumen
html
css
JavaScript
Muchas gracias por la aclaración y el ejemplo!
Entendido queda, muy bueno, saludos!
 
Atrás
Arriba