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.