| サンプル | エフェクト | オプション | 説明 |
|---|---|---|---|
Blind horizontally |
blind | { direction: "horizontal" } | 上下、もしくは、左右に表示・非表示をする |
Blind vertically |
blind | { direction: "vertical" } | |
Bounce 3 times |
bounce | { times: 3 } | バウンドさせる |
Clip horizontally |
clip | { direction: "horizontal" } | 中央に向かって表示・非表示をする |
Clip vertically |
clip | { direction: "vertical" } | |
Drop down |
drop | { direction: "down" } | 外側に向かって移動しながらフェードアウト、もしくは、外側から移動しながらフェードインする |
Drop up |
drop | { direction: "up" } | |
Drop left |
drop | { direction: "left" } | |
Drop right |
drop | { direction: "right" } | |
Explode in 9 pieces |
explode | { } | 爆発するようにフェードイン・アウトする |
Explode in 36 pieces |
explode | { pieces: 36 } | |
Fold |
fold | { size: 30 } | 折りたたむように表示・非表示をする |
highlight |
Highlight | { } | 別の背景色へフェードする |
Pulsate 2 times |
pulsate | { times: 2 } | 透明度を一定間隔で変更する |
Puff |
puff | { times: 2 } | 拡大しながらフェードアウト、もしくは、縮小しながらフェードインする |
Scale |
scale | { } | 指定した割合に拡大・縮小する |
Size |
size | { to: { width: 10, height: 10 } } | 指定した割合に拡大・縮小する |
Shake |
shake | { times: 5 } | 振動させる |
Slide down |
slide | { direction: "down" } | 外側へ滑るように非表示にする、もしくは、外側から滑るように表示する |
Slide up |
slide | { direction: "up" } | |
Slide left |
slide | { direction: "left" } | |
Slide right |
slide | { direction: "right" } | |
Transfer to first element |
transfer | { to: "div:eq(0)" } | 要素の外枠を、別の要素の外枠に移動するような視覚効果 |