Div expandir para a direita mouseover

[Spice Boy 0]

Fala galera!

To o dia inteiro procurando na internet, algum codigo q faça o background da DIV "aumentar" somente para a direita quando eu colocar o mouse sobre a imagem

 

Eu não sei nem o nome do efeito, mas acho q expliquei bem XD

[Dian Carlos 29]

img {

-webkit-transition: all 0.4s ease;
-moz-transition: all 04s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;}


img:hover #iddadiv {


padding-right: 20px


}

 

 

Tenta ai, eu faço assim..

[thejefferson 1]

Tenta isso :

 

<style type="text/css">

.imagem{-moz-transition:3s ease-out; transition:3s ease-out; width:200px; height:200px;}

.imagem:hover{-moz-transition:3s ease-out; transition:3s ease-out; width:400px; }

</style>

<img src="" class="imagem" />

[André do Vale 76]

@thejefferson, não há necessidade de usar "transition" dentro dos atributos de algum evento (:hover, :focus etc). E o tópico já estava solucionado. :thumbsup:

[thejefferson 1]

Apenas usei transition para dar suavidade quando o elemento div estiver esticando ! Obrigado.