ボタンアニメーションエフェクト

1 スペシャル

エフェクト名記述方法デモ
ダンス<button data-efect="dance">ダンス デモ</button>
回転(ジャーナル)<button data-efect="journal">回転 デモ</button>
鼓動(パルス)<button data-efect="pulse">鼓動 デモ</button>
ゆっくり鼓動<button data-efect="pulse-slow">ゆっくり鼓動</button>
ジャンプ<button data-efect="japm">ジャンプ</button>
4点<button data-efect="four-rock">4点 デモ</button>

2 バウンンド

エフェクト名記述方法デモ
上バウンド<button data-efect="enter-up-bounce">上バウンド</button>
下バウンド<button data-efect="enter-down-bounce">下バウンド</button>
右バウンド<button data-efect="enter-right-bounce">右バウンド</button>
左バウンド<button data-efect="enter-left-bounce">左バウンド</button>
背面バウンド<button data-efect="scale-bounce">背面バウンド</button>
ジャンプバウンド<button data-efect="jump-bounce">ジャンプバウンド</button>

3 めくり

エフェクト名記述方法デモ
右フリップ<button data-efect="tree-flip-right">右フリップ</button>
左フリップ<button data-efect="tree-flip">左フリップ</button>
上フリップ<button data-efect="tree-flip-up">上フリップ</button>
下フリップ<button data-efect="tree-flip-down">下フリップ</button>
左めくり<button data-efect="flip-left-bounce">左めくり</button>
めくり<button data-efect="rotate-flip">めくり</button>
右めくり<button data-efect="flip-right-bounce">右めくり</button>

4 ゆっくり登場

エフェクト名記述方法デモ
上から登場<button data-efect="flip-top">上から登場</button>
左から登場<button data-efect="flip-left">左から登場</button>
右から登場<button data-efect="flip-right">右から登場</button>
下から登場<button data-efect="flip-bottom">下から登場</button>

5 回転系

エフェクト名記述方法デモ
縦めくり<button data-efect="rotate-flip-down">縦めくり</button>
ぶら下がり落ち<button data-efect="rotate-down-bounce">ぶら下がり落ち</button>
回転消滅<button data-efect="rotate-out">回転消滅</button>

6 激しい動き

エフェクト名記述方法デモ
点滅<button data-efect="flash-bang">点滅</button>
吹き飛び<button data-efect="bomba">吹き飛び</button>

7 ぐるぐる

エフェクト名記述方法デモ
ぐるぐる<button data-efect="rotate-row">ぐるぐる</button>

8 物語風

エフェクト名記述方法デモ
下へ網掛け<button data-efect="legend-down">下へ網掛け</button>
上へ網掛け<button data-efect="legend-up">上へ網掛け</button>
左から網掛け<button data-efect="legend-left">左から網掛け</button>
右から網掛け<button data-efect="legend-right">右から網掛け</button>
終幕<button data-efect="legend-flip">終幕</button>

9 ポートレイト

エフェクト名記述方法デモ
くっきり<button data-efect="portrait-before">くっきり</button>
ぼんやり<button data-efect="portrait-blur">ぼんやり</button>
そのまま<button data-efect="scale-before">そのまま</button>