Tween margin & padding on Firefox doesn't work

[mamzellejuu 0 Likes (Newbie)]

Tested on Window and Mac, I have the same issue for Firefox, the margin & padding isn't animated.

 

http://jsbin.com/UGOSEGO/16/edit?html,output

[Jonathan 5,176 Likes (Superhero)]

hello welcome to the forums,

 

try writing the css properties in camelCase ... so margin-left becomes marginLeft

TweenLite.to($title,.5,{
        css:{
            "marginLeft": "20px"
        }
});

// or like this

TweenLite.to($title,.5,{
        css:{
            marginLeft: 20
        }
});

even though i didnt include px ,, it is the default so 20 is the same as "20px"

 

http://jsbin.com/ePOTAFi/1/edit?html,output

[GreenSock 8,117 Likes (Superhero)]

Yep, jonathan beat me to it

 

As he said, you're using the wrong syntax, that's all. In JavaScript, css property names are always camel-cased, but you were using the css-based one with a dash. 

 

BAD: 

{"margin-left":"20px"}

GOOD:

{marginLeft:"20px"}

ALSO GOOD:

{marginLeft:20}

[mamzellejuu 0 Likes (Newbie)]

Thank you guys