Información del post ⇣

Mejoras en attr()

Los posts dentro de la categoría nuevo en css describen funcionalidades que aún no están disponibles en todos los navegadores o su soporte es muy reciente. Es conveniente asegurarse antes de usarlo en producción o apliciar los fallbacks necesarios.

Llegan mejoras en attr() que facilitarán el uso de las animaciones Css entre páginas y el uso de popover.

Esta mejora nos permite añadir nuevos argumentos como data atributos y usarlos en nuestra Css como valores, añadiendo fallbaks si es necesário.

<div data-color="red"></div>
div {
  color: attr(data-color type(), gray);
}

En el artículo de Uma Kravets podéis ver la lista de tipos que se pueden usar así como de las excepcciones y ejemplos.

Data on support for the css3-attr feature across the major browsers from caniuse.com

Links relacionados