Efecto de marquesina solo CSS

 

 

 

Debes asegurarte de que el texto tenga más del doble del ancho de la pantalla y luego usar translateanimaciones negativas para hacer el movimiento del marco.

 

Probablemente querrás aria-hiddentodos menos uno si necesitas duplicar el texto. O podrías usar un truco CSS muy inteligente para “duplicar” el texto usando text-shadow.

Es bueno ver prefers-reduced-motionque allí se detiene el efecto cuando debería.

Enlace directo →






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. ¿Cómo se hace el tamaño máximo de fuente en CSS?
  2. Cambiar el tamaño de los valores en pasos en CSS
  3. ¿Qué hace “revertir” en CSS?
  4. CSS4 es una mala idea

Efecto de marquesina solo CSS

Efecto de marquesina solo CSS

Debes asegurarte de que el texto tenga más del doble del ancho de la pantalla y luego usar translateanimaciones negativas para hacer el movimiento del marco.

programar

es

https://pseint.es/static/images/programar-efecto-de-marquesina-solo-css-1402-0.jpg

2024-06-13

 

Efecto de marquesina solo CSS
Efecto de marquesina solo CSS

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences