css - 指南针动画不容易的事情

Question

我正在尝试让 compass sass 动画以无限旋转的方式运行。这行得通，但在每次轮换结束时，该元素似乎会放慢一点(如缓动)，但我自己没有设置缓动，并且在文档中任何值都设置为 false。问题的原因可能是什么？

这是我用 compass animate 制作的动画:

@include keyframes(rotation) {
    0% {
        @include transform(rotate(0deg));
    }

    100% {
        @include transform(rotate(359deg));
    } 
}

Answer 1

animation-timing-function CSS 属性设置为ease by default .要覆盖它并使动画流畅，您需要在调用动画的位置将此属性设置为 linear:

animation-timing-function: linear;