FireFox animating background position

[wtorsu 0 Likes (Newbie)]

Hello, i'm trying to animate background-position property,

in chrome and safari the animation works well, but in firefox nothing happend.

 

Here it is

 

http://site.sitespot.ru

 

FF 23.0.1

 

code is easy

 TweenLite.to($$, time,
   {'background-position': cur_xPos + ' ' + y + 'px', ease: opts.easing}
 );

[jamiejefferson 1,199 Likes (Superhero)]

Hi, welcome to the forums.

 

You just need to use the camelCase property names for your tweens (backgroundPosition instead of background-position):

TweenLite.to($$, time,
	{backgroundPosition: cur_xPos + ' ' + y + 'px', ease: opts.easing}
);

You should always use camelCase for all of the CSS properties you are tweening.

[wtorsu 0 Likes (Newbie)]

thank you very much

it works now