マウスが上に乗ったときに画像のサイズを縮小したいと思います。できればCSS3のアニメーションを使いたいです。これは私が現在行っていることです：
#logo-icon img { width: 80px; };
#logo-icon img:hover { width: 50px; transition: width 0.2s; };
マウスを画像の上に置くと、幅 80 ピクセルから幅 50 ピクセルに移行するのではなく、幅 0 ピクセルから幅 50 ピクセルに移行します。
80pxから50pxに移行させることは可能ですか?