Duda Diseño Web: Ejemplo

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

dogonline

Alfa
Verificado por Whatsapp
¡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?

escape.cafe

Escape Coffee Company

Escape Coffee Company
escape.cafe 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!
 
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.
 
Puko dijo:
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
Hacer clic para expandir...
Muchas gracias por la aclaración y el ejemplo!
Entendido queda, muy bueno, saludos!
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba