html中如何做出鼠标悬停时图片向下斜着跌落的动画效果？

Question

就是这样的效果，当鼠标悬停在图片时，图片向下斜着跌落的动画如何实现？

Answer 1

给image添加一个class属性如image-deg，
.image-deg:hover {
//这个是旋转的角度
transform: rotate(45deg)；
}
(有帮助，麻烦点一下右上角的采纳，谢谢)