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

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

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

用hover属性，然后改变css样式