Ir para o conteúdo

Leonardo Souza

Cadastrado: 04 Out 2010
Offline Última atividade: Out 04 2010 13:08
-----

#188 Gradiente Css

Postado por Leonardo Souza em 04 outubro 2010 - 12:57


<style type="text/css">
div.box{
background-color:#BOTTOM;
background-image:none;
/*firefox*/
background:-moz-linear-gradient(top, #TOP, #BOTTOM) repeat scroll 0 0 transparent;
/*chorme e outros webkit*/
background:-webkit-gradient(linear, left top, left bottom, from(#TOP), to(#BOTTOM));
/*ie*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#TOP, endColorstr=#BOTTOM);
}
</style>

<div class="box">
box que vai receber o gradiente.
</div>



onde:
#TOP - cor inicial do gradiente
#BOTTOM - cor final do gradiente