transition-timing-function

http://easings.net/zh-cn

JQ

緩動函數指定動畫效果在執行時的速度，使其看起來更加真實。

現實物體照著一定節奏移動，並不是一開始就移動很快的。當我們打開抽屜時，首先會讓它加速，然後慢下來。當某個東西往下掉時，首先是越掉越快，撞到地上後回彈，最終才又碰觸地板。

本頁可以在每次你需要時，幫助你找到想要的緩動函數。

linear

css+js

• easeInSine

• easeOutSine

• easeInOutSine

• easeInQuad

• easeOutQuad

• easeInOutQuad

• easeInCubic

• easeOutCubic

• easeInOutCubic

• easeInQuart

• easeOutQuart

• easeInOutQuart

• easeInQuint

• easeOutQuint

• easeInOutQuint

• easeInExpo

• easeOutExpo

• easeInOutExpo

• easeInCirc

• easeOutCirc

• easeInOutCirc

• easeInBack

• easeOutBack

• easeInOutBack

js

• easeInElastic

• easeOutElastic

• easeInOutElastic

• easeInBounce

• easeOutBounce

• easeInOutBounce

CSS

ease,linear,ease-in,ease-out,ease-in-out, cubic-bezier