css中如何让一堆倾斜堆叠的图片,鼠标悬浮旋转,放大,变正

设置调试过的照片墙(照片倾斜,并对其进行过绝对定位),添加
鼠标悬停transform:skew(0deg)scale(2)rotate(360deg)
z-index:5;
并对框架内图片进行,
all 3s ease-in-out

想要效果:鼠标悬浮后3内旋转放大,变正
问题:鼠标悬浮后,不旋转,立即放大,变正