css - 指南针动画没有轻松的事情

Question

我正在尝试让指南针 sass 动画以无休止的旋转运行。那是有效的，但在每次旋转结束时，该项目似乎会放慢一点（比如缓动），但我自己没有设置缓动，并且在文档中任何值都设置为false. 问题的原因可能是什么？

这是我用指南针动画制作的动画：

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

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

Answer 1

animation-timing-functionCSS 属性ease 默认设置为。要覆盖它并使您的动画流畅，您需要将此属性设置为linear您调用动画的位置：

animation-timing-function: linear;