使用transform居中后，如何在@keyframes中使用transform？

Question

请教如何在@keyframes中使用transform，并且不影响居中transform: translate(-50%, -50%)？

Answer 1

需要在 keyframes 中加上这个变换，假设要旋转 360 度，可以这样

@keyframes an{
    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}