CSSのカスタムイージングをSass関数化した
- 公開日
- タグ
- CSS
- Sass
- Node.js
easings.netには cubic-bezier を使ったカスタムイージングが掲載されている。
各イージングをクリックすると cubic-bezier()
の値を見られるが、これをいちいちコピペするのはだるい。
RubySass が開発終了を宣言した 2018 年にもなって Compass Ceaser を使うのはありえない。
そこでカスタムイージングを Sass 関数で簡単に使うためのパーシャルファイルを作った。
src/_easing-sass-function.scss
をコピペするなり、npm i easing-sass-function
して @import
するなりして使える。
詳しくはREADMEを参照されたし。
ちなみに、Sass 関数にラップせず Sass 変数だけ定義した npm パッケージが既にある。
こちらの方が使いやすいかもしれない。