码迷,mamicode.com
首页 > Web开发 > 详细

css3的transition过渡

时间:2016-08-08 17:20:22      阅读:281      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!