10
09/2014
css ease(timing-function)
- linear
- ease
- ease-in
- ease-in-out
- ease-out
- step-start
- step-end
自定义 bounce
基本语法
cubic-bezier(x1, y1, x2, y2)
0.0 表示 开始的比例 1.0 表示 结束的比例。可以大于1，可以负数。cubic-bezier(1,0,1,0)
linear 匀速运动
cubic-bezier(0.0, 0.0, 1.0, 1.0)
ease 类似于 ease-in-out
cubic-bezier(0.25, 0.1, 0.25, 1.0)
ease-in 进来慢
cubic-bezier(0.42, 0.0, 1.0, 1.0)
ease-in-out 进来出去都慢（打秋千）
cubic-bezier(0.42, 0.0, 0.58, 1.0)
ease-out 出去慢
cubic-bezier(0.0, 0.0, 0.58, 1.0)
step-start 直接到开始
step－end 直接到结束
via