悦为科技

悦享其志

导航

css3的transition过渡

 从*开始样式*,经过指定*时间*后,缓慢过渡到*结束样式*

语法:
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

    官网:http://www.yuevis.com/

   联系&投稿:service@joyvis.com

posted on 2016-08-08 16:39  悦为科技  阅读(202)  评论(0)    收藏  举报