Ext.Element アニメーションエフェクトのまとめ(サンプルをクリックでアニメーション)

サンプル メソッド パラメータ 説明

fadeIn

fadeIn { easing: 'easeIn', duration: 2 } Elementのフェードインを行います

fadeOut

fadeOut { easing: 'easeIn', duration: 2 } Elementのフェードアウトを行います

frame

frame 'ff0000', 3, { duration: 2 } Elementの外枠に指定の色と回数でリプルを表示します

ghost

ghost 'r', { duration: 2 } Elementを指定の方向にスライドしながらフェードアウトします

highlight

highlight '0000ff', { duration: 2 } Elementを指定の原色にハイライトします

puff

puff { easing: 'easeIn', duration: 2 } Elementを全方向に広げながらフェードアウトします

scale

scale 10, 10 { easing: 'easeIn', duration: 2 } Elementを指定の幅と高さの大きさに変えます

shift

shift { x: 200, height: 10, opacity: .5 } Elementを指定の位置と指定の幅と高さの大きさにスライドします

slideIn

slideIn 'r', { duration: 2 } Elementを指定の方向からスライドインします

slideOut

slideOut 'r', { duration: 2 } Elementを指定の方向へスライドアウトします

switchOff

switchOff { duration: 2 } Elementを明滅し、下へスライドアウトします