Safari上的SVG中的传输来源似乎无法解决Safari中的缩放或缩放问题

时间:2019-02-08 12:55:21

标签: animation svg transform scaling

我试图在无限动画中将部分填充的圆旋转到另一个圆的顶部,但是在放大和缩小时,外部填充蓝色的圆与内部圆没有正确对齐。我也尝试了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

1 个答案:

答案 0 :(得分:0)