Css 页面加载上的运动UI不工作

我正在使用基础6，并且在我的SASS文件中导入运动UI转换和动画。 但在执行以下操作时，不会出现动画。我错过了什么

.site-logo {
    text-align: center;
    margin-bottom: 0.4rem;
    @include mui-animation(spin(in, 360deg));
}

---

谢谢

mui动画

本身并没有设置

动画持续时间

属性，因此您不会看到动画“播放”

试试这个：

.site-logo {
    text-align: center;
    margin-bottom: 0.4rem;
    @include mui-animation(spin(in, 360deg));

    animation-duration: map-get($motion-ui-speeds, default);
    // Or:
    // animation-duration: 500ms;
}

从代码中猜测，您可能还需要

动画迭代计数：无限

---

看一看

@mixinMotionUI动画的实现（在
\u classes.scss
中）。在这里，您可以看到“随时可用”CSS类所需的各个部分。
mui动画
本身并没有设置
动画持续时间
属性，因此您不会看到动画“播放”

试试这个：

.site-logo {
    text-align: center;
    margin-bottom: 0.4rem;
    @include mui-animation(spin(in, 360deg));

    animation-duration: map-get($motion-ui-speeds, default);
    // Or:
    // animation-duration: 500ms;
}

从代码中猜测，您可能还需要
动画迭代计数：无限

看一看
@mixinMotionUI动画的实现（在
\u classes.scss
中）。在那里，您可以看到“随时可用”CSS类所需的各个部分。
除非您有Sass->CSS编译问题，否则只发布编译后的CSS（以及重现问题所需的HTML）。编译工作正常。这很好。能够帮助你的人对安装SASS、基金会、MyTuUI不感兴趣，然后猜测需要什么标记来重现问题。同样，除非您的问题是Sass，否则只发布已编译的CSS（以及重现问题所需的标记）。除非您有Sass->CSS编译问题，否则只发布已编译的CSS（以及重现问题所需的HTML）。编译工作正常。这很好。能够帮助你的人对安装SASS、基金会、MyTuUI不感兴趣，然后猜测需要什么标记来重现问题。同样，除非您的问题是Sass，否则只发布编译后的CSS（以及重现问题所需的标记）。