Uncaught Can not tween a null target.

[Dutty]

Hi ,

 

I'm trying to create an animation using the CSSRulePlugin.js. When I open my HTML file in the Chrome, Safari or Opera  I get an error in the console (Uncaught Can not tween a null target TweenMax.min.js: 16) and it does not work. This error does not appear in Firefox. It works perfectly in Firefox and on a server.

What I found out is that this might be the problem. 

 

TweenMax.set(rule, {cssRule:{marginTop:"150vh"}}); and/or TweenMax.delayedCall(.2, function () {

 

However i’m not sure and I’m stucked. Does anyone know how I can solve this?

See the Pen YJBYRW by dutty (@dutty) on CodePen

[Carl]

Hi and welcome to the GreenSock forums.

 

Thanks for the demo, but I didn't see any errors.

I'm guessing its a security issue as explained by @OSUblake here

 

 

 

[Dutty]

Thanks I will look into it.