hooyantsing's Blog

P201_8_transition-timing-function控制运行轨迹

字数统计: 73阅读时长: 1 min
2020/04/23

P201 8 transition-timing-function控制运行轨迹

transition-timing-function

调整运动在不同时刻的快慢程度。

1
2
//默认ease
transition-timing-function: ease;

其他参数:

d60743d0291b8248e1512fdd7ca10c29.png

cubic-bezier

自定义贝塞尔曲线,自定义快慢程度。

调试网址: https://cubic-bezier.com

c33d74bf968b7300b264721dbfff69f0.png

1
transition-timing-function: cubic-bezier(.78,0,.18,1);
CATALOG