句法:
transition: || || || [, ...];
请注意,如果指定了延迟,则持续时间必须在延迟之前。
单个过渡结合了速记声明:
-webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
-moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
-o-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
或者只是将它们全部转换:
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
这是一个简单的例子。这是另一个具有delay属性的对象。
编辑:先前在此处列出的是与的兼容性和已知问题transition。出于可读性原因删除。
底线:使用它。对于所有应用程序而言,此属性的性质均不中断,并且全球兼容性现在远高于94%。
如果仍要确定,请参阅http://caniuse.com/css-transitions