CSS animation: How to in GS?

[acidking]

I have a CSS animation code below and works fine, but I couldn't get it to work in GS, I probably didn't get the syntax correct. Basically it enables the background of .screen to scroll along with the window scroll. In this example, for each 600px from top it scrolls 200px.

var top = $('body').offset().top + $(document).scrollTop();
var screenAnim = -200 * top/600;
$('.screen').css({ 'backgroundPosition' : screenAnim });

[jamiejefferson]

backgroundPosition needs an x and y value e.g. "10px 10px". Should be something like

TweenLite.to('.screen', 1, { backgroundPosition: screenAnim + "px 0px" });

[acidking]

Yes that works. Thanks. I didn't know I can use + "px" to add values.