在线文档教程
CSS

动画属性 | CSS Animations

CSS动画

CSS动画是一个CSS模块,可以让您使用关键帧随时间变化CSS属性的值。这些关键帧动画的行为可以通过指定它们的定时功能,持续时间,重复次数和其他属性来控制。

参考

CSS属性

  • animation

CSS At-rules

  • @keyframes

指南

检测CSS动画支持描述用于检测浏览器是否支持CSS动画的技术。使用CSS动画关于如何使用CSS创建动画的步骤教程。本文将介绍每个相关的CSS属性和规则,并说明它们如何相互交互。CSS动画提示和技巧提示和技巧可帮助您充分利用CSS动画。目前提供了一种技术,用于重播已经贯穿到完成的动画,而API本身不支持。

规范

规范状态解释
CSS AnimationsWorking DraftInitial definition.

浏览器兼容性

FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support(Yes)-webkit 43.0(Yes)5.0 (5.0)-moz 16.0 (16.0)1012-o 12.1024.0-webkit

FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support2.1 -webkit 1 4.0 -webkit(Yes)5.0 (5.0)-moz 16.0 (16.0)??(Yes)-webkit