我试图在无限动画中将部分填充的圆旋转到另一个圆的顶部,但是在放大和缩小时,外部填充蓝色的圆与内部圆没有正确对齐。我也尝试了transform-box: fill-box
但那也行不通。
用于旋转的CSS
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.cls-5 {
transform-origin: center center;
//transform-box:fill-box;
animation: rotation 1.5s infinite linear;
}