首页 > Web开发 > 详细

css3的transition过渡

时间:2016-08-08 17:19:09      阅读:290      评论:0      收藏:0      [点我收藏+]

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

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

css3的transition过渡

原文:http://www.cnblogs.com/JoyVis/p/5749983.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!