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简写属性设置多种过渡效果,需要为每个过渡属性集中指定所有的值,并且使用逗号进行分隔。