@ntbl/css-cubic-bezier

css 的 cubic-bezier 函数值集合，用于实现动画的 easing

Usage no npm install needed!

<script type="module">
  import ntblCssCubicBezier from 'https://cdn.skypack.dev/@ntbl/css-cubic-bezier';
</script>

README

css-cubic-bezier

GitHub npm MIT

css 的 cubic-bezier 函数值集合，用于实现动画的 easing。

Installation

npm i @ntbl/css-cubic-bezier --save

Usage

import cssCubicBezier from '@ntbl/css-cubic-bezier'

console.log(cssCubicBezier.easeIn)
// 0.420, 0.000, 1.000, 1.000

easing

css-cubic-bezier 内置了以下 easing ：

  • linear
  • ease
  • easeIn
  • easeOut
  • easeInOut
  • easeInQuad
  • easeInCubic
  • easeInQuart
  • easeInQuint
  • easeInSine
  • easeInExpo
  • easeInCirc
  • easeInBack
  • easeOutQuad
  • easeOutCubic
  • easeOutQuart
  • easeOutQuint
  • easeOutSine
  • easeOutExpo
  • easeOutCirc
  • easeOutBack
  • easeInOutQuad
  • easeInOutCubic
  • easeInOutQuart
  • easeInOutQuint
  • easeInOutSine
  • easeInOutExpo
  • easeInOutCirc
  • easeInOutBack