Novo ex botões

Olá; feliz 2016 ...
Ausente a muito tempo blog largado ,mas aqui estou eu de novo.
Venho trazer uma nova partilha ,um novo efeito em botões ...
Botões com hover ,efeito na transição ao passar seta rato em cima.
Este será meu 1 post deste novo ano , outros se seguirão.

Antes de tudo faça uma cópia seu template...

Vamos lá em modelo depois clik html vamos colocar css procure este código:

E acima desse codigo cole este do blockquote...

/**-- botoes c hover2016--**/ .botao-bt{ display: inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; min-width:100px; padding: 22px 33px; font-family: 'Lobster', Bobber ; font-size: 26px; line-height: 26px; padding:10px 15px 10px 15px; font-family: Bobber, Oswald; font-size:15px; text-shadow: 0 1px 9px #09ac7c; text-decoration: none; color: #FFF; display:inline-block; cursor:pointer; background: #50527a; outline: none; border-radius: 10px; border: 1px solid #09ac7c; box-shadow: inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */ inset 0 0 6px #aaeeff, /* inner glow */ inset 0 80px 80px -40px #aaeeff, /* gradient */ 1px 1px 3px rgba(0,0,0,0.75); /* shadow */ position:relative; margin:10px; } .botao-bt:hover{ background: #fff; text-shadow: 0 1px 2px #000, 0 0 40px #FFF; box-shadow: inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */ inset 0 0 6px #4584dc, /* inner glow */ inset 0 80px 80px -40px #4584dc, /* gradient */ 1px 1px 3px rgba(0,0,0,0.75); /* shadow */ } .baixe1botao-bt { text-align:center; width:110px; } .baixe2botao-bt { text-align:center; width:110px; } /**-- botoes c hover2016--**/

Depois disto vamos ao html ,prepare sua postagem e pelo html cole este código :

<a class="baixe1botao-bt botao-bt" href="SEU DEMO LINK AQUI" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">VEJA 1</span></a>

<a class="baixe2botao-bt botao-bt" href="SEU DOWNLOAD LINK AQUI" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">VEJA 2</span></a>

Publique e visualize alguma dúvida disponha...Enferrujado mas post foi publicado,é isso ai este é resultado final T+ Exemplo:
demo baixar

Novo ex botões

► 0

► botões

► Cartita