Anime.jsのイージングを確認できるツール
分かりにくいAnime.jsのイージングをざっくりと確認できるツールです。
プリセットのイージング
{{ item }}
cubicBezier
cubicBezier(
,
,
,
)
spring
spring(
,
,
,
)
第1引数：Mass（質量） Min:0 Max:100
第2引数：Stiffness（剛性） Min:0 Max:100
第3引数：Damping（弾性） Min:0 Max:100
第4引数：Velocity（速度） Min:0 Max:100
elastic
{{ item }}
(
,
)
第1引数：Amplitude Min:1 Max:10
Controls the overshoot of the curve
第2引数：Period Min:0.1 Max:2
Controls how many times the curve goes back and forth
steps
steps (
)
共通オプション
速さ（duration）:
Preview
Code