CSS参考手册
动画和转换 | Animations & Transitions
动画属性 | CSS Animations
CSS动画是一个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-rules
@keyframes
指南
检测CSS动画支持描述用于检测浏览器是否支持CSS动画的技术。使用CSS动画关于如何使用CSS创建动画的步骤教程。本文将介绍每个相关的CSS属性和规则,并说明它们如何相互交互。CSS动画提示和技巧提示和技巧可帮助您充分利用CSS动画。目前提供了一种技术,用于重播已经贯穿到完成的动画,而API本身不支持。
规范
规范 |
状态 |
解释 |
---|---|---|
CSS Animations |
Working Draft |
Initial definition. |
浏览器兼容性
Feature |
Chrome |
Edge |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
---|---|---|---|---|---|---|
Basic support |
(Yes)-webkit 43.0 |
(Yes) |
5.0 (5.0)-moz 16.0 (16.0) |
10 |
12-o 12.102 |
4.0-webkit |
Feature |
Android |
Edge |
Firefox Mobile (Gecko) |
IE Phone |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|---|
Basic support |
2.1 -webkit 1 4.0 -webkit |
(Yes) |
5.0 (5.0)-moz 16.0 (16.0) |
? |
? |
(Yes)-webkit |
动画和转换 | Animations & Transitions相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。