Full list of CSS3 properties?

[Ginger Soul 12 Likes (Newbie)]

Hello, 

 

I've searched around but I'm not seeing a comprehensive list of how GSAP needs CSS3 properties formatted for tweens. 

 

In other words - let's say that I want to move an item 100px on the X axis, like so (unprefixed):

 

transform: translate(100px, 0px);

 

I think the answer is something like transformX:[value] within the context of a tween. But where is this in the documentation? The 'goodies' article states that these transforms are possible, but it doesn't go into much detail about how to implement individual properties.

 

I feel like I'm missing something obvious. In that case, please smack me with the correct answer and I'll go away

 

Thanks

 

DB 

[Carl 11,161 Likes (Superhero)]

You will find more info on this in the CSSPlugin docs.

It is not a conclusive list of all CSS3 props though.

 

For what you want to do the solution is very simple

//animate to translateX of 100
TweenLite.to(elem, 1, {x:100});

CSSPlugin will handle all the browser-prefixes for you.

[Ginger Soul 12 Likes (Newbie)]

Very helpful, and thanks for the quick reply.

 

I feel like these properties would be a helpful add-on to the documentation (or, at least, the article I linked). Please consider adding it.

 

Thanks!

 

DB