dicashot
Gata da vez
(+18)
DicasHot
HBO MOVIES ONLINE
TV
dicashot
Cartoon Network PT
TV
dicashot
ANI ROCHA NO FUNK
DANÇANDO MUITO



Efeito Imagem Deslizante No Blogger


Nesta postagem compartilho com vocês este efeito para as imagens do blog. O efeito CSS faz com que todas as imagens do blog fique deslizante o que melhora muito o design do blogger. 

Entre em "Modelo" - "Editar HTML" e procure pela tag
]]></b:skin>

Tendo encontrada a tag, cole ACIMA dela o seguinte estilo css
.post img { background:#0C3; position:relative; top:0px; left: 0px; -webkit-transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition: 0.5s ease-in; } .post img:hover { left: 30px; -webkit-transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition: 0.5s ease-in; }

Tendo colado o código, basta salvar e pronto!!!

Veja uma demonstração do código na imagem abaixo: ( pare com o cursor do mouse sobre a imagem para ver o efeito )


Deixe seu comentário.

Cursos On-line 24 Horas - Educação a Distância de Qualidade
Efeito Imagem Deslizante No Blogger Efeito Imagem Deslizante No Blogger Reviewed by Muca on 12/11/2013 08:24:00 AM Rating: 5