Como colocar efeito flip 3D em imagens

efeito flip 3D
Olá amigos Mult-focos, estamos aí trazendo mais uma dica para vocês.
Mostraremos a seguir um efeito super interessante para as imagens do seu Blogger, é o chamado efeito flip 3D, veja o demo clicando no botão abaixo e ao abrir a página passe o mouse na imagem maior.

Demonstração

1 – Vamos que queiras colocar o efeito na imagem do post por exemplo, para isto você cria um post e ao colocar a imagem copia e cola o código abaixo, adicionando a url da sua imagem e a frase que queiras, para aparecer sobre a imagem.
 <div class="profile-image">
 <div class="flip-3d">
 <figure>
 <img src="URL DA SUA IMAGEM.jpg" />
 <figcaption>TEXTO DA SUA IMAGEM!</figcaption>
 </figure>
 </div>
</div> 
2 – Logo após copie e cole o próximo código abaixo do código acima
  
Isto é tudo galera.

  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