Fantástico efeito CSS3 em imagem para Blogger

Olá amigos Mult-focos, temos aqui um fantástico efeito CSS3 em imagem para Blogger.
O efeito consiste em transformar uma imagem em capa de vinil e ao passar o mouse sobre ela, o vinil sai da capa e a informação a respeito da imagem aparece sobre a ela.
Quer ver um demo, clique no botão abaixo.


DEMO

Gostou do efeito? Então vamos ao tutorial de como adicioná-lo em sua imagem.

I – Vá ao painel do Blogger->clique em modelo->Editar HTML->use Ctrl+F e localize a tag

]]></b:skin>

II – Copie o código CSS do box de códigos e cole acima desta tag

]]></b:skin>

III – visualize se tudo estiver certo, salve modelo. Agora toda vez que quiser usar o efeito copie o código HTML do box de códigos, faça as modificações no endereço da imagem e do texto sobre a imagem e adicione o código dentro da seção HTML do seu post.

Agora toda vez que quiser usar o efeito copie o código HTML, faça as modificações no endereço da imagem e do texto sobre a imagem e adicione o código dentro da seção HTML do seu post.

Isto é tudo.

   

See the Pen nmACD by Mairink (@Oemes) on CodePen.