Saltar al contenido
Carlos Estrada
Frontend

Firefox 159 ya mueve animaciones con el scroll usando solo CSS

3 min de lectura
Escritorio de mármol con una laptop, una tableta de dibujo, un lápiz y bocetos de diseño de interfaz

Mozilla lanzó Firefox 159, y la novedad más útil para quien hace páginas web es que ya puedes animar elementos según el scroll del usuario usando solo CSS, sin escribir JavaScript.

También trae cambios en las herramientas para desarrolladores, en los componentes web y varias correcciones que se notan en el día a día.

¿Qué pasó?

El 27 de octubre de 2026 Mozilla publicó Firefox 159 para Windows, macOS y Linux. La versión activa por defecto las animaciones ligadas al scroll, que en lugar de avanzar con el tiempo avanzan conforme el usuario baja por la página o conforme un elemento entra a la pantalla. OMG! Ubuntu destacó esta misma función como la principal novedad para desarrolladores.

Según las notas de Mozilla, llegan las propiedades de CSS animation-timeline, scroll-timeline, view-timeline y animation-range, además de las interfaces ScrollTimeline y ViewTimeline para quien quiera controlarlas desde JavaScript.

Otras novedades para desarrolladores

En la consola web ahora puedes volver a declarar variables con let, const y class, así que puedes correr el mismo fragmento de código varias veces sin errores.

Los componentes web, es decir, etiquetas HTML personalizadas que tú mismo defines, ahora pueden tener registros separados. Eso permite que dos elementos con el mismo nombre de etiqueta convivan en una página sin chocar, algo útil cuando mezclas librerías.

Mozilla también menciona nuevas extensiones de WebGL que dependen del equipo, y un ajuste a la Sanitizer API, la herramienta que limpia HTML peligroso, para que no ejecute código de componentes que de todos modos va a eliminar.

¿Por qué te importa?

Efectos como barras de progreso de lectura, imágenes que aparecen al bajar o encabezados que cambian de tamaño solían requerir librerías de JavaScript. Hacerlos con CSS normalmente significa menos código que descargar y animaciones más fluidas.

Para los usuarios hay mejoras prácticas: la herramienta de contraseñas aparece por defecto en la barra lateral, hay un atajo para buscar entre pestañas abiertas y se corrigieron fallas como el consumo excesivo de memoria con gráficos AMD en Linux. En macOS, Firefox ya usa el menú nativo para compartir.

¿Qué puedes hacer?

  • Actualiza Firefox desde el menú Ayuda, Acerca de Firefox; la versión también incluye correcciones de seguridad.
  • Prueba las animaciones ligadas al scroll en un proyecto personal antes de usarlas en un sitio de un cliente.
  • Revisa en MDN qué navegadores las soportan y deja una versión sin animación para los que no.
  • Respeta la preferencia de movimiento reducido del sistema para no marear a quien la tiene activada.
  • Si usas componentes web de varias librerías, revisa si los registros separados te ayudan a evitar choques de nombres.

Sigue leyendo

Fuentes

Imagen de portada: foto de ready made en Pexels.