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.
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.
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!