Degradê com CSS


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.

, , , , ,

  1. #1 por Luiz Junior em Junho 12th, 2008

    Excelente dica, muito obrigado, estou doido pra testar, ,sempre busquei algo assim e nuunca achei tão bem explicado.
    Parabéns.

  2. #2 por Andre Brum em Julho 14th, 2008

    Muito bom o filtro, porém ela dá conflito com videos em flash (.flv). Quando existe um vídeo na mesma página, ao rolar o site o filme aparece todo falhado. VocÊ sabe se tem solução para isso???

    Abçs

  3. #3 por Leandro Munarim em Agosto 7th, 2008

    Excelente!!!!!

  4. #4 por Gabriel Tadra em Dezembro 17th, 2008

    Pena que não funciona no firefox..

    Muito bom :}

  5. #5 por Andre Brum em Outubro 27th, 2009

    Muito bom o filtro, porém ela dá conflito com videos em flash (.flv). Quando existe um vídeo na mesma página, ao rolar o site o filme aparece todo falhado. VocÊ sabe se tem solução para isso???

    Abçs

(não será publicado)
  1. Nenhum trackback.