学科分类
目录
HTML5+CSS3

transition属性

transition属性是一个复合属性,用于在一个属性中设置transition-property、transition-duration、transition-timing-function、transition-delay四个过渡属性,其基本语法格式如下:

transition:property duration timing-function delay;

在使用transition属性设置多个过渡效果时,它的各个参数必须按照顺序进行定义,不能颠倒。例如,例10-2中设置的四个过渡属性,可以直接通过如下代码实现:

transition:border-radius 5s ease-in-out 2s;

注意:

无论是单个属性还是简写属性,使用时都可以实现多个过渡效果。如果使用transition简写属性设置多种过渡效果,需要为每个过渡属性集中指定所有的值,并且使用逗号进行分隔。

点击此处
隐藏目录