CSSで手軽にカスタムイージングを使おう！JavaScriptじゃありません、CSSアニメーションです。 数年前、Compassを使っていた頃に出会った compass-ceaser-easing にインスパイアされました。 これはCompassのエクステンションなのですが、中でcubic-bezierによるイージングが定義されています。 それを、自分でscssに書き直しました。 // イージング値の取得 @function returnEaseTypeToCubicBezier($type) { $easingValue: ""; @if $type == "linear" { $easingValue: "0.250, 0.250, 0.750, 0.750"; } @else if $type == "ease" { $easingValue: "0.250, 0.100, 0.250, 1.000"; } @else if
