如何用transition实现transform-rotate的旋转效果？

使用transform:rotate()和transition可实现平滑旋转动画。1.设置transition控制旋转时长与缓动；2.在:hover状态下改变rotate值触发动画；3.可通过transform-origin调整旋转中心；4.持续旋转建议用@keyframes配合animation。

查看更多 2026-07-01