CSS 变换 - CSS（层叠样式表） 编辑

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

CSS Transitions 是一个 CSS 模块，定义了如何创建一个平滑地变换 CSS 属性值的方法。它不仅允许创建变换方法，同时也允许通过定时函数来控制变换方法。

参考

CSS 属性

• transition
• transition-delay
• transition-duration
• transition-property
• transition-timing-function

向导

使用 CSS 变换

本教程将手把手展现如何通过 CSS 创建一个平滑的变换方法，这篇文章描述了每个相关的 CSS 属性是如何互相影响的。

文档

文档	状态	注释
CSS Transitions	Working Draft	源定义文件。

浏览器兼容

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
兼容版本	1.0 -webkit 26.0	4.0 (2.0) -moz 16.0 (16.0)	10.0	11.6 -o 12.10 #	3.0 -webkit 6.1

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
兼容版本	2.1 -webkit	4.0 (2.0) -moz 16.0 (16.0)	?	10.0 -o 12.10 #	3.2 -webkit

 

参见

• 关于 CSS 变换，CSS 动画 可以通过独立的属性值的改变来触发动画。