demo » easing
ease-soft-start
cubic-bezier(0.18, 0.06, 0.23, 1) ソフトな開始と急な終了の特性を持つ。アニメーションがゆっくり始まり、急速に終わる。
ease-sharp-start
cubic-bezier(0.43, 0.05, 0.17, 1) 鋭い開始と急な終了の特性を持つ。アニメーションが急に始まり、急速に終わる。
ease-overshoot
cubic-bezier(0.33, 1, 0.68, 1) オーバーシュートする特性を持つ。アニメーションが目標値を超えてから落ち着く。