Descubre algunas de las interesantes funciones que llegaron en los navegadores web estables y beta en julio de 2022.
Versiones del navegador estable
En julio, Firefox 103 y Safari 15.6 se estabilizaron, y, con esto, obtenemos interoperabilidad con algunas funciones interesantes de CSS.
La propiedad backdrop-filter
Firefox 103 incluye la propiedad backdrop-filter, que se usa para aplicar efectos como el desenfoque en el área detrás de un elemento. Con este valor en Firefox, ahora está disponible en los tres motores, aunque Safari requiere el prefijo -webkit.
La propiedad scroll-snap-stop
Firefox también implementó la propiedad scroll-snap-stop. Esta propiedad te permite controlar si un elemento de desplazamiento pasa por encima de las posibles posiciones de ajuste (con el valor predeterminado de normal) o debe ajustarse a la primera (con el valor always). La propiedad scroll-snap-stop ahora se encuentra en los tres motores de navegador.
Safari 15.6 fue una versión dedicada principalmente a resolver problemas. Sin embargo, sí incluyó una nueva función de CSS con la seudoclase :modal. Esta función también se envió en Firefox 103. La seudoclase :modal selecciona un elemento cuando no se puede interactuar todo lo que está fuera de ese elemento hasta que se descarte el elemento. Por ejemplo, un elemento dialog abierto con showModal().
Versiones beta del navegador
Las versiones beta de los navegadores te ofrecen una vista previa de los elementos que estarán disponibles en la próxima versión estable del navegador. Es un buen momento para probar nuevas funciones, o eliminaciones, que podrían afectar tu sitio antes de que todo el mundo reciba ese lanzamiento.
Debido a que las fechas de lanzamiento se lanzaron fuera de este mes, la única nueva versión beta de junio fue Firefox 104.
En Firefox 104, se incluye la API de carga de fuentes de CSS en Web Workers y la propiedad animation-composition de CSS, que define la operación de composición que se usa cuando varias animaciones afectan la misma propiedad de forma simultánea.
La versión beta de Safari 16 mencionada el mes pasado también sigue en curso.
Estas funciones beta pronto estarán disponibles en navegadores estables.
Parte de la serie web "Novedad en la Web"