como animar uma imagem
5 posts Page 1 of 1
como animar uma imagem
Olá, eu estou querendo aprender como faço a animação numa imagem igual como têm nesse site http://www.mundodse.com/ na parte direita em parceiros ao passar o mouse sobre a imagem ela sobe alguns pixels. Gostaria de aprender a fazer isso e se possível outros efeitos também.A minha imagem no código está igual ao dele só falta a animação:
- Code: Select all
<a href="http://ocasteloanimado.blogspot.com/" target="_blank">
<img border="0" width="60" height="60" style="border-radius: 10px;"
src="http://imageshack.us/a/img823/4283/mplg.png" /></a>
Re: como animar uma imagem
HTML- Code: Select all
<div class="grow pic">
<img src="image.jpg" alt="portrait">
</div>
CSS
- Code: Select all
/*GROW*/
.grow img {
height: 300px;
width: 300px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.grow img:hover {
width: 400px;
height: 400px;
}
Re: como animar uma imagem
Obrigado por responder XainPro.Não é bem o efeito que eu quis dizer mas já serviu para eu ter uma noção de como isso é feito ae procurei as propriedades no blog dele e achei a solução
.grow img:hover {
position:relative; top:-2px;
}
Obrigado mesmo me ajudou muito!
Se você ou alguem mais souber outros efeitos que eu possa fazer na imagem tipo já vi algumas imagens q começam tremer achei bem legal, posta aqui valeu?
Abraço a todos
Re: como animar uma imagem
você é bem-vindoRe: como animar uma imagem
Tabém quero saber quero colocar no Super TelaPage 1 of 1