图像将留在悬停

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规则