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.
Postado por Mairink Oemes

0 comentários:

Postar um comentário

Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!

free website hit counter