sencha-touch - 煎茶タッチでの Ext.Img のアニメーション

Question

sencha touch 2.0 で Ext.Img コンポーネントを作成し、実行時にアニメーションを適用する方法

Answer 1

次のように、いつでも（表示だけでなく）要素に任意のアニメーション クラスを適用することで、いつでも CSS3 アニメーションを使用できます。

Ext.getCmp('myImageElementId').addCls('popped');

これはポップされたクラスです

.popped {
    -webkit-animation-name: cssAnimation;
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}