Button com Gradient em CSS

Olá, hoje venho trazer um 'Button' novo, só que dessa vez com gradient.
 
É a continuação desse Button: www.power-pixel.net/t49705-button-personalizado

Demonstração:www.i.imgur.com/yGi1TWo.png

Codificação CSS:

Código:


.button {
 height:64px;
 line-height:64px;
 text-align:center;
 float:right;
 outline:0;
 padding: 0 45px;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
 font-weight:bold;
 font-size:22px;
 background-image: -webkit-linear-gradient(top,#3093c7,#1c5a85);
 border-radius: 3px;
 border: 1px solid rgba(0,0,0,.4);
 border-bottom: 3px solid rgba(0,0,0,.4);
 border-bottom: 2px solid rgba(0,0,0,.4);
    box-shadow: inset 0 1px 0 0px rgba(255,255,255,.25);
 text-shadow: 1px 1px 0 rgba(0,0,0,.3);
 color: #fff;
 cursor: pointer;
 cursor: hand;
 font-weight:bold;
 -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }
 
.button:hover{
 background-image: -webkit-linear-gradient(top,#1c5a85,#3093c7);
 }


Nada de mais, eu só quero completar 1000 posts mesmo ;p

Mais um ótimo botão, obrigado por compartilhar :)

Obs; Vale lembrar que ele o gradient só funciona nos navegadores com suporte ao CSS3 (Google Chrome, Mozilla atualizado, etc.)

Fisher escreveu:Mais um ótimo botão, obrigado por compartilhar :)

Obs; Vale lembrar que ele o gradient só funciona nos navegadores com suporte ao CSS3 (Google Chrome, Mozilla atualizado, etc.)

Sim, correto. Obrigado por incrementar com essas informações adicionais.