当鼠标不在图像中时缩放转换

Question

我还没有找到答案，我在我的网站上有一个图像，并带有hover当鼠标在图像上时，我有一个小的缩放转换，但是如果鼠标不在图像上，没有转换 是否可以平滑过渡到初始位置？ 如果是，如何？

感谢

Answer 1

您需要添加过渡到元素，而不是:hover。

img { 
 
    height: 200px; 
 
    transition: all 0.4s; 
 
} 
 
img:hover { 
 
    transform: scale(1.2); 
 
}

<img src="http://butlers-web.com/Content/Images/BW%20Logo%203.0.png" />