CSS3 过渡属性
属性 | 描述 | CSS |
Transition | 简写属性,用于在一个属性中设置四个过渡属性 | 3 |
trcinsition-property | 规定应用过渡的CSS属性的名称 | 3 |
trcinsition-duriition | 定义过渡故果花f的时间,默认是0 | 3 |
trcinsition—timing—function | 规定过渡效果的时间曲线,,默认是ecise | 3 |
transition—delay | 规定过渡效果何时开始,默认是0 | 3 |
transition-timing-function属性其实是规定用户想要的动画方式,它的值可以是以下几种:
•linear:规定以相同速度开始和结束的过渡效果(等于cubic-bezie「(0,0,1,1))。
•ease:规定慢速开始,然后变快,再慢速结束的过渡效果(等于cubic-_bezier(0.25,0.1,0.25,1) )。
•ease-in:规定以慢速开始的过渡效果(等于cubic~bezie「(0.42:0,1,1))。
•ease-out:规定以慢速结束的过渡效果(等于cubic-bezie「(0,0,0.58,1))。
•ease-in-out:规定以慢速开始和结束的过渡效果(等于cubic-bezie「(0.42,0,0.58,1))。
•cubtc-bezier(n,n,n,n):在cubic-bezier函数中定义自己的值。可能的值是0〜1之间的数值。transition-delay属性表示过渡的延迟时间,0代表没有延迟,立马执行。
点击加载更多评论>>