Bordas Arredondadas css, Sombra com css, Gradiente com css dicac css

Bordas Arredondadas com CSS sem usar imagens mais não roda no internet explorer :@

Como usar

<div class="bordas">   </div> 

assim sua div ficara com as boardas arredondadas com 6 px

.bordas{
-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
border:1px solid #6C6C6C;

}

Sombras Com CSS 

Código simples e útil mais como sempre não funciona no senhor ranzinza do internet explorer

Como usar = <div class="sombra" >   </div>

.sombra{

-moz-box-shadow:0 0 5px #000;
-webkit-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000; 

}

======================================================================

Como criar gradiente com CSS - ( Não Funciona com o Opera Browser  )

Como Configurar :

Adicionar o Codigo a baixo no CSS do seu site e colocar uma class na tag que você deseja aplicar o gradiente 

Ex: 

<div class="gradiente" > aqui vai ficar com o gradiente que você colocou no css !  </div>

Cor 1  

para iniciar o Gradiente e cor 2 será a segunda cor que terminará o gradiente

.gradiente{

background: -moz-linear-gradient(top, #COR 1 , #COR 2);
background: -webkit-gradient(linear, left top, left bottom, from(#COR 1 ), to(#COR 2));
/*Internet Explorer 6,7 e 8*/
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#COR 1', endColorstr='#COR 2');
/*Internet Explorer 8 somente */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#COR 1', endColorstr='#COR 2')";}
======================================================================
Acessa ai www.radiokillerbrasil.com nesse meu site usei esses scripts !

Postado em: Css,Scripts,Web Designer