Imagem aparecesse tipo um slide pelo lado

[LucasCairesF 8]

Meu código

 

 

 

<style>
#logo {background:url(image.png); width:200px; height:300px; opacity:0; -webkit-transitions:1s; -moz-transitions:1s;  }
#logo:hover {opacity:1; cursor:pointer;} 
</style>
 
<div id="logo"></div>
 

 

quando eu passo o mouse no local a imagem aparece normal ... só qe eu queria que ela aparecesse tipo um slide pelo lado >>> ao invés de aparecer normal

é mais ou menos assim! http://www.charlottetang.com ... coloque o mouse em algum daqueles circulos

[angelorubin 142]

Olá,

 

Já tentou o animate do jQuery?

[LucasCairesF 8]

• angelorubin

Nao, pode me ajudar?