css3 图片放大旋转 |css右靠齐

.img {
transform-origin: center center;
transition: transform 1s;
}
.img:hover {
transform: scale(2) rotate(360deg);
}

如上代码片段中，transform-origin属性是用来设定旋转的中心点位置，这里大家将其设为图片重心的位置。接着，大家使用了transition属性，指定了变换过渡的时间为1秒。最后，大家对该图片的:hover伪类应用了transform属性，指定放大2倍并旋转360度的效果。

需要注意的是，CSS3transform属性在过去几年中已经被广泛支持，但仍然需要考虑老旧浏览器的兼容性。同时，如果使用大图，可能会导致页面性能的问题，因此一定要根据实际情况进行优化。