Efeito Glub ~

Olá  pessoas (┌・。・)┌  estou me sentindo mega cansada devido ao colégio hoje . O pior é que me dei o trabalho de ir até lá e mal teve aulas , porque diz meu diretor que ainda estão organizando algumas coisas o que eu não acho que seja verdade pois vi muitos professores perambulando por la , e todos os funcionários já estão em seus postos . Mas enfim como não ia voltar pra casa assim tão rápido resolvi  ficar com meus amigos de zoera <33 ( q zuera é essa , tocando violão e tudo q) Tipo batendo papo sobre animes e como foram as férias , coisas típicas de papo de amigos.  

Um recadinho: Gente está ali no formulário de comentários mas acho que ninguem lê , que os pedidos são somente na ask porem tem pessoas fazendo por comentários . Então por favor deixem qualquer pedido na ask ok? eu sou lerda e azoada então o seu pedido pode se perder pelo blog certo? quanto aos pedidos da ask estão numa lista e já vou fazendo os posts e.e

O post de hoje é um efeito chamado ~ Glub , bem simplesinho com um transition básico >u<  algumas pessoas fazem parecidos por ai e como é em transition fica fácil de qualquer um fazer . Pra depois ninguém dizer que é "plágio " . 

                                                                            Preview

Cole em um gadget html/js :

<a href="LINK" title="NOME"><img src="LINK-DA-IMAGEM" class="glub" /></a>
<a href="LINK" title="NOME"><img src="LINK-DA-IMAGEM" class="glub" /></a>

<style>
.glub {
background: #C6D5FE;
padding: 4px;
border: 1px solid #BDCFFF;
 box-shadow:inset 2px 2px 2px 2px #BDCFFF;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
-webkit-transition-duration: .80s;
}
.glub:hover {
background: #C6D5FE;
border: 1px solid #BDCFFF;
padding: 4px;
box-shadow:inset 2px 2px 2px 2px #BDCFFF;
-webkit-border-radius: 60px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 60px;
-moz-border-radius-bottomright: 0;
border-radius: 60px;
border-bottom-right-radius: 0;
-webkit-transition-duration: .80s;
}
</style>