20 de ago. de 2012

Botão de Download - CSS3

Trago para vocês um botão de downlod feito por mim e que nele é explorado uma boa parte do CSS3 como:

Transition, Border-Radius, Text-Shadow , Box-Shadow e Gradiente

Exemplo:

DOWNLOAD


Código do Botão
.down{
background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9),to(#d3d3d3)) repeat-x bottom left;
background: -moz-linear-gradient(top, #e9e9e9, #d3d3d3);
Font-size:11px;
padding:6px;
border-radius:6px;
color:#292929 !important;
text-shadow: 0 0 2px #fff;
font-weight:bold;
box-shadow: 0 1px 2px #000;
}
.down:hover{
background: -webkit-gradient(linear, left top, left bottom, from(#a23e3e),to(#c62d2d)) repeat-x bottom left;
background: -moz-linear-gradient(top, #a23e3e, #c62d2d);
Font-size:11px;
padding:6px;
border-radius:6px;
color:#fff !important;
text-shadow: 0 0 2px #292929;
font-weight:bold;
box-shadow: 0 1px 3px #000;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}