13/01/2013

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 ;*

Nenhum comentário:

Comente ~

❥ Por favor, leia antes de comentar!
❥ Seu comentário é muito importante para mim.
❥ Críticas construtivas sobre o blog/post são sempre bem vindas!

Qualquer dúvida ou sugestão entre em contato pelo e-mail: aosolhosdadiu@gmail.com


Muito obrigada pela visita, volte sempre! ♡