CSS3 in sencha touch

[zied jouini]

SALAM for all.
i want to do a little animation with css3 in my sencha app.
i used this code:

App.views.BankingCompte = Ext.extend(Ext.Panel, {
scroll: 'vertical',
 items: [{
  xtype: 'carousel',
fullscreen: true,
styleHtmlContent: true,
style: 'background: #d8e2ef',
    items: [
{
html: 
'<div id="animation">     <div class="test"> this is a test  </div>
</div>',



cls: 'card'
}
]


}]


});
Ext.reg('BankingCompte', App.views.BankingCompte);

and in the style.css file, i put this code.

#animation
{
 margin:auto;
 position:relative;
left:500px;
}

.test
{
position:absolute;
left:0px;
-webkit-transition: all 2s linear;
-webkit-transform:translateY(320px);
}

but it doesn't work.
does sencha touch support CSS3? or have i an error in my code ?
thank you

[mitchellsimoens]

Sencha Touch doesn't do anything to prohibit CSS3 in fact it uses CSS3 quite a bit, the browser is what supports CSS3. What are you trying to do? I know animate <div class="test"> but try adding a button to change the CSS

App.views.BankingCompte = Ext.extend(Ext.Panel, {
    fullscreen: true,
    scroll: 'vertical',
    layout : 'fit',
    items: [{
        xtype: 'carousel',
        styleHtmlContent: true,
        style: 'background: #d8e2ef',
        items: [
            {
                html:'<div id="animation">     <div class="test"> this is a test  </div></div>',
                cls: 'card',
                items : [
                    {
                        xtype   : 'button',
                        text    : 'Animate',
                        handler : function(button) {
                            var container = button.up('container'),
                                el        = container.getEl(),
                                div       = el.down('div.test');

                            div.setXY([200, 200]);
                        }
                    }
                ]
            }
        ]
    }]
});

[zied jouini]

SALAM
thank you. it works. i will try to animate it with a button.
thank you