我不明白为什么我的CSS动画不会工作

Question

我在CodePen上找到了一个带有css动画的HTML页面，我无法让它工作。它有sass并且我对sass一无所知，我是否必须将sass转换为常规css到任何浏览器都可以读取它？我需要帮助。非常感谢！

SCSS是：http://codepen.io/anon/pen/nHkoi

Answer 1

SASS使用了许多与CSS不兼容的语法（嵌套类，变量等），因此您需要手动将其转换为有效的CSS或通过SASS命令行工具运行该文件。你可以在这里找到说明：

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass

Answer 2

在这里你可以找到纯css的输出

[1] http://sassmeister.com/gist/219a03d49f99bb906dd4

这是效果的演示

[2] http://codepen.io/srekoble/pen/KzyqJ