我是网页设计的新手,我有一个特殊的例子,好吧,我被困在这里:你有 3 张图片组合了徽标,当你将鼠标悬停在中间的图片上时,侧面的图片每边都像 50px 一样大。我已经实现了使用填充在右侧移动图像的目标,但是当我尝试对左侧执行相同操作时,我的图像开始向左跳并返回到原始位置。
如果 some1 有更好的建议,我喜欢研究它。
这是我希望实现的一个例子。
我想出了这段代码:
#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"/>