イージングをCSS関数で管理する | かちびと.net

Result 使わせてもらいそうなのでメモ。イージングアニメーションをCSS関数で管理しましょう、という内容です。 普段さほど使わないので思いつきませんでしたが皆さん既に取り入れてそうですね。 css :root { --ease-in-quad: cubic-bezier(.55, .085, .68, .53); --ease-in-cubic: cubic-bezier(.55, .055, .675, .19); --ease-in-quart: cubic-bezier(.895, .03, .685, .22); --ease-in-quint: cubic-bezier(.755, .05, .855, .06); --ease-in-expo: cubic-bezier(.95, .05, .795, .035); --ease-in-circ: cubic-bezier(