网页设计与制作（HTML+CSS+JS）-3期（KC003）_transition-timing-function属性_9-14_transition-timing-function属性.pptxVIP

网页设计与制作(HTML+CSS+Javascript)任务9 : 运用特殊效果网页设计与制作课程组transition-timing-functiontransition-timing-function属性transition-timing-function用于可以设置过渡的时间。则规定过渡效果的速度曲线。transition-durationtransition-timing-function属性transition-timing-function简单的理解就是让元素在设置的过渡时间内以什么样的快慢速度进行过渡。transition-timing-function属性语法：transition-timing-function : linear | ease ease-in | ease-out | ease-in-out | cubic-bezier(n,n,n,n);默认值为“ease”transition-timing-function属性transition-timing-function 属性的取值及其含义属性取值含义linear 指定以相同速度（匀速）开始至结束的过渡效果ease 指定以慢速开始，然后加快，最后慢慢结束的过渡效果ease-in 指定以慢速开始，然后逐渐加快ease-out 指定以慢速开始和结束的过渡效果ease-in-out 指定以慢速开始和结束的过渡效果cubic-bezier（n,n,n,n） 定义用于加速或者减速的贝塞尔曲线的形状，它们的值在0~1谢谢多一点努力,多一点实践,多一点点就能创造奇迹!