Post tageado como gradient

Degradê com CSS

Postado por Weverton Naves em HTML/CSS/Javascript. 13/Fevereiro/2008.

degradecss.jpg

Alow galera.

Vou postar aqui, um filtro da Microsoft para o CSS (Cascading Style Sheet) que gera um degradê linear. É muito útil, já que não precisa utilizar imagem e é super leve.
Na sua tag css, coloque: 

body{
filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#DA1803, endColorstr=#5F0000,GradientType=1);
}

Os parâmetros não são muitos:
enabled - true ou false. Define se o filtro está ativo.
startColorstr  – Cor inicial do degradê
endColorstr – Cor final do degradê
GradientType - 1 para degradê horizontal. 0 para degradê veritcal.

Essa funcionalidade testei no Firefox 2.0 e no IE 7. Não funcionou no FF. Se alguém testar em mais navegadores e não rolar, avisem aí.
Vou ver se pesquiso a respeito dos filtros DXImageTransform, que tem uns efeitos bem legais, e posto aqui!!

Abs.

, , , , ,

5 Comentários