1

我是网页设计的新手,我有一个特殊的例子,好吧,我被困在这里:你有 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"/>
4

1 回答 1

0

好的,这是您可以处理的事情。小提琴上的CSS规则..检查小提琴

在这里摆弄

<div id='logo'>
  <div id='a'></div><!--left image-->
  <div id='b'></div><!--middle image-->
  <div id='c'></div><!--right image-->
</div>
于 2013-07-12T19:00:50.777 回答