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

Question

我还没有找到答案，我的网站上有一张图片，hover当我的鼠标在图片上时，我有一个小的缩放过渡但如果鼠标不在，则没有过渡 是否可以在初始位置添加平滑过渡？ 如果是，怎么样？

由于

Answer 1

您需要将转换添加到元素，而不是:hover。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;