Efeito degradê no css

Já ensinamos a fazer degradê no photoshop, mas agora vamos ensinar a fazer degradê no css, para usar em seu flogvip, blog, site, tumblr, ou qualquer outra página que aceite a linguagem HTML. É bem fácil. 

 background: #e4e9f1;  background:-webkit-gradient(linear, left top, left bottom,from(#e4e9f1),to(#c5cedb)); background:-moz-linear-gradient(top, #e4e9f1, #c5cedb); filter:progidXImageTransform.Microsoft.gradient(startColorstr='#e4e9f1',endColorstr='#c5cedb'); -ms-filter:progidXImageTransform.Microsoft.gradient(startColorstr='#e4e9f1', endColorstr='#c5cedb') 

Pegue o código acima e acrescente na parte de css da sua página. Se for no flogvip, coloque na sua base mesmo. Se for para sites, blogs ou tumblrs, coloque depois de <style> e antes de </style>. 
 
Para fazer as modificações de cores, escolha pelo menos 2 cores diferentes. Eu fiz dois exemplos, para mostrar melhor os resultados. No meu primeiro exemplo, eu usei 2 tons de azul. 1 escuro e 1 claro. No segundo exemplo, eu peguei duas cores totalmente diferentes, 1 verde e 1 amarelo. Coloque primeiro a cor do fundo "background" e repita ela 4 vezes, onde eu marquei no print abaixo. 
Agora pegue a segunda cor e coloque ela a partir da segunda linha e repita-a 4 vezes, como no print abaixo.
E está pronto seu degradê. Você pode usar em tables, faixas, sidebar, menus, backgrounds, caixa de pesquisas... enfim, onde quiserem. Eu usei em uma table. Vejam abaixo os meus dois exemplos:

Postado por : Pâmela Sampaio em 29.07.13
Não copiem o tutorial, dá trabalho fazer um.
Se o tutorial for útil de alguma forma, credite!
Facebook Twitter Pinterest Google+ Email Addthis