Efeito Redondinho na imagem ~


Demorei mas trouxe mais um tutorial pra vocês, suas lindas! *-*
Venho tentando arrumar o blog, deixar ele mais com a 'minha cara' e a um tempinho achei um efeito muito tri pra imagem, é esse que eu to usando no Ousada, quando você passa o mouse em cima da imagem, ela  fica redondinha, eu amei achei supeeer fofo

Vou ensinar pra vocês esse tuto super fácil :3


Vamos lá então! o/


~ A primeira coisa que você precisa fazer é..
  1. Abra o painel do Blogger, vá em Modelo.
  2. Depois Editar HTML, e clique no aviso que aparecer..
  3. Depois que já abriu o editor de HTML, aperte Ctrl+F e procure por  ]]></b:skin>
  4. Acima disso cole o seguinte código :

.post img {
-webkit-transition-duration: .50s;

border-radius: 10px 10px 10px 10px;
}
.post img:hover {
-webkit-transition-duration: .50s;
border-radius: 200px 200px 200px 200px;


Salve e esta pronto, simples não acharam?? 


É assim que a imagem vai ficar quando você passar o mouse por ela. Legal né?

É super simples e muito fofo, e da uma boa diferença no seu blog, espero que tenha ajudado a deixar o blog de vocês mais bonito!

Agora vou dormir, o sono bateu kk, Boa Noite pra todos ;*

0 5 comentários:

Postar um comentário

Leia antes de comentar!!

~ Nada de palavrões, xingamentos e difamações..
~ Opiniões sobre o blog/post são sempre bem vindas!
~ Não esqueça de deixar seu URL para mim fazer uma visitinha.

Volte sempre!