Efeito degradê CSS3

O efeito degradê é muito usado nos sites em que o desenvolvedor quer transmitir leveza no seu layout. Degradê nada mais é que a transição suave entre as cores. Se antes você provavelmente usava imagens de fundo para fazer esse efeito, com o CSS3 você tem a vantagem de tornar o documento muito mais leve do que se utilizasse uma imagem, gerando ainda mais performance ao seu site. A desvantagem é que existe uma variação do resultado de navegador para navegador.

A sintaxe é simples, basta configurar o atributo background, de acordo com o tipo de navegador, usando o comando -gradient. É possível também configurar as direções do efeito e as cores usadas.

<head>

<style type="text/css">

body {background: #FFFFFF; /* browsers sem suporte a css3 */}

body {background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#C2C2C2));/* webkit browsers */ }

body {background: -moz-linear-gradient(left, #C2C2C2, #FFFFFF);/* firefox3.6+ */}

body { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#C2C2C2', EndColorStr=' #FFFFFF');/* IE */

}
</style>
</head>

Queremos saber sua opinião