Duda Diseño Web: Ejemplo

dogonline · 7 Jun 2024

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?

Escape Coffee Company

escape.cafe

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!

Puko · 7 Jun 2024

Se le llama scroll-triggered animation
y se hace con Intersection Observer API una API moderna en JavaScript
el esta "oculto" con la clase .char hasta que llega a cierta parte ya aparece
mostrando el carácter/letra que tiene data-char

o

En resumen
html
css
JavaScript

Puko · 7 Jun 2024

Dale despacio al scroll de la derecha para abajo …

jacc2011 · 7 Jun 2024

Está desarrollada en shopify. Y como por ejemplo otras plataformas como Wordpress, es posible hacer diseños personalizados con css, js y html.

dogonline · 10 Jun 2024

Puko dijo:
Se le llama scroll-triggered animation
y se hace con Intersection Observer API una API moderna en JavaScript
el esta "oculto" con la clase .char hasta que llega a cierta parte ya aparece
mostrando el carácter/letra que tiene data-char

o

En resumen
html
css
JavaScript

Muchas gracias por la aclaración y el ejemplo!
Entendido queda, muy bueno, saludos!

Duda Diseño Web: Ejemplo

dogonline Seguir

Escape Coffee Company

Puko

Puko

jacc2011

dogonline