Usuarios nuevos de la plataforma web en marzo

Descubre algunas de las funciones interesantes que se lanzaron en los navegadores web estables y beta durante marzo de 2026.

Rachel Andrew

Publicado el 31 de marzo de 2026

Versiones estables del navegador

Chrome 146, Firefox 149 y Safari 26.4 se lanzaron en la versión estable durante marzo. En esta publicación, se analizan las nuevas funciones que llegarán a la plataforma este mes.

Condiciones opcionales de la consulta de contenedor

Firefox 149 y Safari 26.4 incluyen compatibilidad con las búsquedas @container solo por nombre que no tienen condiciones. Esto te permite hacer coincidir contenedores solo en función de sus nombres, lo que facilita el diseño de elementos según el contexto del contenedor sin necesidad de especificar restricciones de tamaño o estilo.

Animaciones activadas por desplazamiento

Chrome 146 agrega el control de animaciones basado en la posición de desplazamiento. Esta función te permite crear interacciones de forma declarativa con CSS, lo que descarga el trabajo en un subproceso de trabajador y mejora el rendimiento. También incluye interfaces de JavaScript para animaciones web. Obtén más información en CSS scroll-triggered animations are coming.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

La propiedad trigger-scope

Junto con las animaciones activadas por desplazamiento, Chrome 146 introduce la propiedad trigger-scope. Esto te permite limitar la visibilidad de los nombres de los activadores de animación, lo que ayuda a aislar las interacciones de animación a activador y evitar conflictos de nombres globales.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

Valor hint de la ventana emergente

Firefox 149 ahora admite el valor hint para el atributo global popover. Los elementos emergentes con el valor hint no cerrarán los elementos emergentes auto cuando se muestren, pero cerrarán otros elementos emergentes hint, lo que proporciona un control más detallado sobre el comportamiento de los elementos emergentes.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: not supported.
  • Safari: not supported.

Carriles de cuadrícula

Safari 16.4 admite display: grid-lanes, que es el valor de display que activa un diseño de estilo de mampostería.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.4.

Funciones matemáticas en el atributo sizes

Safari 26.4 agrega compatibilidad para usar las funciones matemáticas min(), max() y clamp() en el atributo sizes de los elementos <img>. Esto proporciona más flexibilidad para la carga de imágenes responsivas.

Secuencia de iteradores de JavaScript

Chrome 146 y Safari 26.4 ahora admiten la secuenciación de iteradores, lo que introduce Iterator.concat(...items) para crear iteradores secuenciando los existentes. Esta función ahora está disponible como Baseline Newly.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

Interfaz de CloseWatcher

Firefox 149 agrega compatibilidad con la interfaz CloseWatcher. Esto permite que los desarrolladores implementen componentes que se puedan cerrar con mecanismos nativos del dispositivo, como la tecla Esc en Windows o la tecla Atrás en Android, de la misma manera que los diálogos y los elementos emergentes integrados.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

Source

Versiones beta del navegador

Las versiones beta del navegador proporcionan una vista previa de las funciones que se incluirán en la próxima versión estable del navegador. Puedes probar las funciones nuevas o las eliminaciones que podrían afectar tu sitio antes del lanzamiento estable. Entre las nuevas versiones beta de este mes, se incluyen Firefox 150 y Chrome 147.

Chrome 147 (beta)

La versión beta de Chrome 147 incluye contrast-color(), una función de CSS que devuelve negro o blanco según el color que proporcione el mayor contraste con el color del argumento. También se incluyen border-shape y transiciones de vistas con alcance de elementos.

Firefox 150 beta agrega la palabra clave revert-rule de CSS, customeElementRegistry para Elements y DocumentOrShadowRoot, y light-dark() para imágenes.