圖像將留在懸停

Question

我是新的網頁設計，和我有一個具體的例子，確定我得到了困在這裏： 你有3個圖像相結合的標誌，當你去徘徊的中間影像，側那些spreed爲每邊50px。我已經取得了對右側移動圖像與填充的目的，但是當我試圖爲左側做相同的，我的形象開始跳左，回到原來的地方。

如果some1有更好的建議，我喜歡研究它。

這是我所希望實現的example。

我想出了這個代碼：

#logo_levo{ 
     position: absolute; 
     float: right; 
     width: 111px; 
     height: 111px; 
     -moz-transition:all 0.3s linear; 

    } 
    #logo_levo:hover{ 
     padding-right: 100px; 
    } 

HTML：

<img id="logo_levo" src="data/images/Class_B_obroc1_logo.png"/> 

Answer 1

還好這裏的東西，你可以工作。在fiddle..check擺弄

fiddle here

<div id='logo'> 
    <div id='a'></div><!--left image--> 
    <div id='b'></div><!--middle image--> 
    <div id='c'></div><!--right image--> 
</div> 

CSS規則