Gerador de Sprites CSS
Categorias

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.