Bir görüntüyü menü olarak kullanma: div içindeki animasyon

Question

görüntüyü bir menü olarak görüntülemeyi seviyorum. görüntünün bir kısmı görüntülendiğinde, bir menü listesi görüntülenir. Yeni bir coder kodlayıcım, bu yüzden kullanmam gereken süreçte biraz kaydım (resim eşleme, sprite, js ...).

JSFiddle

Menu Equipiece
Ancak menü tekerlekleri gezinip görünür değildir: Burada

elde etmek çalışıyorum iştir. Sen div#roue ve' iç div#menu koymalıyız

JSFiddle

Test

CSS

.roue{ 
position:absolute; 
z-index:2; 
margin-top:-200px; 
margin-left:265px; 
transition:all 0.5s ease;} 

Answer 1

:

Ben çalışan bir önceki testi yapılmış çalışıyorum. Keman hakkında bir güncelleme yaptım ve here'u görebiliyordunuz.

<div class="roue"> 
    <div> 
     <img src="http://www.equipiece.com/userfiles/www.equipiece.com/images/Remorque-roue.png?ts=1450481525803" alt="roue de remorque" width="90" height="90"> 
    </div> 

    <div id="menu"> 
     <ul id="list"> 
      <li><a href="http://www.equipiece.com/cat-roues-85_0-87_0_0_0.htm">Roue complète</a></li> 
      <li><a href="#">Jantes</a></li> 
      <li><a href="#">Pneus</a></li> 
      ... 
     </ul> 
    </div> 
</div>