MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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

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

参考

CSS 属性

向导

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

文档

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

浏览器兼容

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 动画 可以通过独立的属性值的改变来触发动画。

文档标签和贡献者

 此页面的贡献者: MingxunBai, teoli
 最后编辑者: MingxunBai,