css3基础知识汇总之transition属性

51 阅读1分钟

css3的过渡属性

transition 可以填写两个参数

第一个参数:元素需要过渡的属性(添加效果的属性)

第二个参数:过渡持续的时间

例如:

transition: width 2s;

如果需要多项改变就可以逗号隔开,例如:

transition: width 2s , height 1s , transform 2s;

transition过渡属性描述
transition简写属性,一个属性可以设置四个过渡属性
transition-property过渡元素属性的名称
transiotion-duration过渡效果花费的时间,默认为0
transition-timing-function过渡效果的时间曲线,默认为“ease”
transition-delay过渡效果何时开始,即延时,默认0

例子: transition: width 1s ease 1s;