位置:首页 > 软件操作教程 > 编程开发 > CSS > 问题详情

CSS3 过渡属性

提问人:刘团圆发布时间:2020-11-19

属性

描述

CSS

Transition

简写属性,用于在一个属性中设置四个过渡属性

3

trcinsition-property

规定应用过渡的CSS属性的名称

3

trcinsition-duriition

定义过渡故果花f的时间,默认是0

3

trcinsition—timingfunction

规定过渡效果的时间曲线,,默认是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代表没有延迟,立马执行。


继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部