Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante julio de 2022.
Versiones del navegador estable
En julio, Firefox 103 y Safari 15.6 se volvieron estables y, con esto, obtuvimos interoperabilidad con un par de buenas funciones de CSS.
La propiedad backdrop-filter
Firefox 103 incluye la propiedad backdrop-filter
, que se usa para aplicar efectos como difuminado 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 sobre posibles posiciones de ajuste (con el valor predeterminado de normal
) o si debe ajustarse a la primera (con el valor always
). La propiedad scroll-snap-stop
ahora está en los tres motores de navegador.
Safari 15.6 fue una versión dedicada principalmente a resolver problemas. Sin embargo, consiguió 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 con todo lo que está fuera de ese elemento hasta que se descarte. Por ejemplo, un elemento dialog
se abrió con showModal()
.
Versiones del navegador Beta
Las versiones de navegador beta 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 a tu sitio antes de que el mundo la implemente.
Debido a las fechas de lanzamiento fuera del mes, la única versión beta nueva en 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 que mencionó el mes pasado también está en curso.
Estas funciones beta pronto estarán disponibles en navegadores estables.
Parte de la serie de novedades en la Web