Question

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

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

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

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

Answer 1

尝试：

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