CSSRulePlugin 'Cannot tween a null target'

[ekfuhrmann]

I'm building an intro animation in Codepen and I wanted to tween the pseudo element `.marquee__tagline--logo::before`. I saw that this can be done using CSSRulePlugin, however it is just keeps throwing out errors.

 

The pseudo element is showing up in dev tools, and it clearly is rendering on the page, so I'm unsure of what I'm doing wrong here. Any help would be greatly appreciated!

See the Pen EvoBdq by ekfuhrmann (@ekfuhrmann) on CodePen

[PointC]

Hi @ekfuhrmann

 

I'm not quite sure what's all supposed to be happening, but all the errors went away once I switched your pen to the latest version of the CSSRulePlugin. 

 

https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/plugins/CSSRulePlugin.min.js

 

Hopefully that helps. Happy tweening.

[ekfuhrmann]

Hah, well that's a bit embarrassing. That did indeed resolve my issue.

 

The Codepen is still very much a WIP so no worries about being unsure of what was going on. Thanks for the assist and for saving me from any more hours of trying to figure out where I was going wrong.