Efeito Borda Gota

Olá galerinha;

Estou super feliz hoje eu sou a nova postadora do blog Jewels and Cupcakes eu acho maravilhoso o blog, e recomendo a todos! 

Mudando de assunto hoje eu trouxe um tutorial de um efeito para foto, para seu blog. O efeito Borda Gota, é super simples mas é bem bonito. Pode ser usado onde quiser, pois não é tão chamativo, é bem básico. Enfim. 

Previa

Primeiro vá no seu painel depois:

Layout >> Adicionar um Gadget >> HTML/JavaScript

E cole este código:

<style> .borg{-webkit-border-radius: 360px; -moz-border-radius: 360px; border-radius: 360px;-webkit-transition-duration: .90s;-moz-box-shadow: 0 0 1em #d8d8d8; -webkit-box-shadow: 0 0 1em #d8d8d8; box-shadow: 0 0 1em #d8d8d8; } .borg:hover{-webkit-border-radius: 360px; -webkit-border-top-left-radius: 0; -moz-border-radius: 360px; -moz-border-radius-topleft: 0; border-radius: 360px; border-top-left-radius: 0;} </style>

E onde você quer que apareça a imagem cole este código:

<a href="URL DO BLOG" title="NOME DO BLOG" target="_blank"><img src="URL DA IMAGEM" class="borg"/></a>

Agora mude o que se pede!

Até a próxima.