カラーモード

CSSのカスタムイージングをSass関数化した

CSS
Sass
Node.js

easings.netには cubic-bezier を使ったカスタムイージングが掲載されている。

各イージングをクリックすると cubic-bezier() の値を見られるが、これをいちいちコピペするのはだるい。

RubySass が開発終了を宣言した 2018 年にもなって Compass Ceaser を使うのはありえない。

そこでカスタムイージングを Sass 関数で簡単に使うためのパーシャルファイルを作った。

Easing Sass Function

src/_easing-sass-function.scss をコピペするなり、npm i easing-sass-function して @import するなりして使える。

詳しくはREADMEを参照されたし。

ちなみに、Sass 関数にラップせず Sass 変数だけ定義した npm パッケージが既にある。

sass-easing

こちらの方が使いやすいかもしれない。