CSS Animations - CSS（层叠样式表） 编辑

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

CSS Animations 是CSS的一个模块，它定义了如何用关键帧来随时间推移对CSS属性的值进行动画处理。关键帧动画的行为可以通过指定它们的持续时间，它们的重复次数以及它们如何重复来控制。

参考

CSS 属性

• animation
• animation-delay
• animation-direction
• animation-duration
• animation-fill-mode
• animation-iteration-count
• animation-name
• animation-play-state
• animation-timing-function

CSS At-规则

• @keyframes

指南

检测CSS动画支持

描述用于检测浏览器是否支持CSS动画的技术。

使用CSS动画

关于如何使用CSS创建动画的分步教程，本文介绍每个相关的CSS属性和规则，并解释它们如何交互。

CSS 动画提示

提示和技巧，以帮助您在您的内容中充分利用CSS动画。目前提供了一种用于重播已经运行到完成的动画的技术，这是API本身不支持的。

规范

浏览器兼容性

BCD tables only load in the browser

参考

• Related to CSS Animations, CSS Transitions can trigger animations on user actions.