Como adicionar efeito CSS Morph para imagens do Blogger

Efeito CSS Morph para imagens do Blogger
Olá amigos Mult-focos, aqui estamos com um efeito CSS Morph para imagens do Blogger, como falamos no post anterior estávamos devendo coisas deste tipo em nossos artigos.
Este efeito Morph tem as mesmas características de adição do efeito zoom, porém este é um efeito que faz a imagem girar e se transformar de um formato quadrado para um circulo além de ter um style.Below 3D.


Veja ao vivo clicando no botão DEMO logo abaixo e passe o mouse sobre a imagem.

DEMO 

Gostou? Sua adição no seu template é bastante simples e sem mistérios, apenas siga os próximos procedimentos.
Acesse o painel do Blogger -> modelo -> personalizar -> avançado -> adicionar CSS -> copie e cole o código abaixo no Box que abrir -> clique em aplicar ao blog e esta pronta, visualize e desfrute deste lindo efeito.
 /* Css Imagem Morph http://mult-focos.blogspot.com.br */
.post img{border:10px solid#fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px#111;box-shadow:5px 5px 5px#111;-webkit-transition:all.5s ease;-moz-transition:all.5s ease;-o-transition:all.5s ease;-ms-transition:all.5s ease;transition:all.5s ease;margin:20px}.post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
/* Css Imagem Morph http://mult-focos.blogspot.com.br */ 

Isto é tudo.
  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