从*开始样式*,经过指定*时间*后,缓慢过渡到*结束样式*
语法:
transition:要变化的属性名 持续时间 速度变化类型 延迟
强调:写在开始样式中
如何实现多个属性同时过渡:2种办法:
1. 过渡子属性:4个
专门用于设置要过渡的属性名:
transition-property:属性名1,属性名2 ...;
专门用于设置持续时间:
transition-duration:n1s,n2s ...;
专门用于设置速度变化类型:
transition-timing-function:
备选值:ease: 先加速后减速
linear: 匀速变化
ease-in: 加速
ease-out: 减速
ease-in-out: 先加速后减速
专门用于设置延迟开始时间:
transition-delay:n1s,n2s ...;
2. 整合transition属性:
transition: 属性名1 持续时间 速度类型 [延迟],
属性名2 持续时间 速度类型 [延迟],
...
悦为(深圳)科技有限公司
乐享其志
微信:JoyVisYOJOY
微博:http://weibo.com/JoyVis
联系&投稿:service@joyvis.com