CSS Transitions代码组织

Question

这些天我正在尝试使用CSS Transitions。我正在尝试用CSS构建一个动画网页。

一切正常，但我遇到了与组织相关的问题：我的CSS文件看起来像一团糟！如果客户要求我延迟特定动画或改变另一个动画的顺序 - 我花了一些时间来找到合适的行（很少时刻=太多）。

我可以将动画命令与pure-design-css分开吗？我应该如何设计浏览器前缀CSS（一行或几行）？更改动画速度必须像点击一样简单（但现在我需要输入5次）。

我很高兴听到有关CSS Trnasitions代码组织的一些想法。 谢谢！

Answer 1

CSS文件应该被组织，无论其内容如何（转换规则等），这都有助于浏览器的解析以及文件的可读性。请注意：

• 您应该根据规则规范和级联（显然）订购CSS，并尽可能聚合重复规则。
• 强烈建议您添加目录，请参阅此article on CSS files organization。
中的示例
• 您最好按照google's 'make the web faster' article on payload的建议，以一致的方式（例如按字母顺序排列）对键值对进行排序。