Я хотел бы уменьшить размер изображения при наведении на него курсора мыши. Я хотел бы использовать анимацию CSS3, если это возможно. Это то, что я сейчас делаю:
#logo-icon img { width: 80px; };
#logo-icon img:hover { width: 50px; transition: width 0.2s; };
Когда указатель мыши наводится на изображение, вместо того, чтобы переходить от ширины 80 пикселей к ширине 50 пикселей, он переходит от ширины 0 пикселей к ширине 50 пикселей.
Можно ли заставить его перейти с 80px на 50px?