¿JavaScript? ¡No lo necesitas! Aprende a animar el scroll con CSS

Índice Introducción La propiedad scroll-behavior en CSS Sintaxis Ejemplo Soporte en navegadores Referencias Conclusiones 1. Introducción Muchas personas piensan que solo podemos generar transiciones con propiedades concretas de CSS como por ejemplo transition, transform o animation con keyframes pero para features específicas podemos usar otras características que nos ofrece CSS para llegar a resultados muy bien acabados y sencillos de aprender. implementar y mantener. En este breve post explicaremos los conceptos básicos de la propiedad scroll-behavior, veremos su sintaxis, un ejemplo y su soporte en navegadores. ¡Comencemos!

Mar 13, 2025 - 15:07
 0
¿JavaScript? ¡No lo necesitas! Aprende a animar el scroll con CSS

Índice

  1. Introducción
  2. La propiedad scroll-behavior en CSS
  3. Sintaxis
  4. Ejemplo
  5. Soporte en navegadores
  6. Referencias
  7. Conclusiones

1. Introducción

Muchas personas piensan que solo podemos generar transiciones con propiedades concretas de CSS como por ejemplo transition, transform o animation con keyframes pero para features específicas podemos usar otras características que nos ofrece CSS para llegar a resultados muy bien acabados y sencillos de aprender. implementar y mantener.

En este breve post explicaremos los conceptos básicos de la propiedad scroll-behavior, veremos su sintaxis, un ejemplo y su soporte en navegadores.

¡Comencemos!