WebKit introduz gradientes via CSS

Gradientes CSS no SafariDave Hyatt anunciou ontem no Surfin’ Safari que o time de desenvolvimento do WebKit acaba de incorporar gradientes — tanto lineares quanto radiais — via CSS no sistema de renderização de páginas utilizado pelo Safari.

A nova sintaxe é a seguinte:

-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)

O desenvolvedor pode especificar o tipo de gradiente, seu ponto de origem (dois valores: em pixels, porcentagem ou palavras-chave), raio (para o tipo radial) e a cor, é claro. O mais legal é que a propriedade pode ser aplicada em qualquer lugar: background-image, border-image, list-style-image e content property.

Tomara que ele passe a suportar em breve, também, um atributo alpha, de forma que um dos pontos dos gradientes possa ser especificado como completamente transparente, por exemplo.

Para quem se interessar, uma explicação completa sobre a novidade pode ser vista aqui.

Posts relacionados

Comentários