问在safari中的缩放或缩放问题上，Transfer-origin似乎在safari上的SVG中不起作用
EN

Stack Overflow用户

提问于 2019-02-08 20:55:21

回答 1查看 165关注 0票数 1

我试图在无限动画中将部分填充的圆旋转到其他圆的顶部，但在放大和缩小时，它没有正确地将外部蓝色填充的圆与内部圆对齐。我也尝试使用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;
    }

JSBin demo link

wrong image for safari

Correct image for safari

animation