CSS3动画-设置图像宽度的动画

Question

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

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

当鼠标悬停在图像上时，它不是从80px宽度转换为50px宽度，而是从0px宽度转换为50 px宽度。

有可能让它从80px转换到50px吗？

Answer 1

尝试：

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

http://jsfiddle.net/CxU5g/