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

CSS3属性transition

时间:2016-08-05 21:35:59      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:

CSS3 Transitions 指定过渡

语法:

transition: property duration timing-function delay;
 
 
参数一:
  • transition-property : 规定应用过渡效果的CSS属性的名称。
    • none:没有属性会获得过渡效果。
    • all:所有属性会获得过渡效果。
    • property:指定过渡效果的CSS属性,列表以逗号分隔。
 
参数二:
  • transition-duration:过渡时间。
    • time:以秒或毫秒为单位。
 
参数三:
  • transition-timing-function:规定过渡效果的速度曲线。
    • 技术分享
 
参数四:
  • transition-delay:定义过渡效果何时开始。
    • time:规定在过渡效果开始之前需要等待的时间,以秒或毫秒为单位。
 
代码:
技术分享
 
效果:
技术分享
 
 
 
 
 
 
 
 
 
 
 

CSS3属性transition

标签:

原文地址:http://www.cnblogs.com/10-19-92/p/5742780.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!