CSS3: transition- 系列

transition: property duration timing-function delay;

前两个是必设属性

transition-property:规定应用过渡效果的CSS属性的名称

all:默认值所有属性都将获得过渡效果

none:没有属性会获得过渡效果

property:定义应用过渡效果的CSS属性名称列表,列表以逗号分隔

详情

transition-duration:完成过渡效果需要花费的秒或毫秒

time:2s,2ms 完成过渡效果需要花费的时间(以秒或毫秒计)。默认值是0,意味着不会有效果

详情

transition-timing-function:规定过渡效果的速度曲线

linear:以相同速度开始至结束

ease:默认值。慢速开始,变快,慢速结束

ease-in:慢速开始

ease-out:慢速结束

ease-in-out:慢速开始和结束

cubic-bezier(n,n,n,n): 0 <= n <=1

详情

transition-delay:规定过渡效果何时开始

默认值:0

值:秒或毫秒

 

posted @ 2016-05-16 15:00  Carolina  阅读(138)  评论(0编辑  收藏  举报