1

当鼠标悬停在图像上时，我想缩小图像的大小。如果可能的话，我想使用 CSS3 动画。这就是我目前正在做的事情：

#logo-icon img { width: 80px; };
#logo-icon img:hover { width: 50px; transition: width 0.2s; };

当鼠标悬停在图像上时，它不是从 80px 宽度过渡到 50px 宽度，而是从 0px 宽度过渡到 50px 宽度。

是否有可能让它从 80px 过渡到 50px？

4

1 回答 1

2

尝试：

#logo-icon img { width: 80px; transition: width 0.2s;};
#logo-icon img:hover { width: 50px;  };

http://jsfiddle.net/CxU5g/

于 2013-07-14T15:29:13.457 回答