html - css 悬停返回过渡

Question

我有这个代码，图像随着过渡而上升，但是当我的鼠标移到我的实际代码的其他地方时，我想带着过渡回来；

 .yt:hover  {
    transform: translateY(-30px);
    transition-duration: 2s;
  }

标签： htmlcss

Answer 1

img{
transition: all 2s;
}
img:hover {
  transform: translateY(-30px);
}

<img src="some_src.jpg" />