Style not applied on onUpdate, why?

[jesper.landberg 61 Likes (Contributor)]

See bottom of my pen, I'm trying to animate clip-path, but the style is not applied to the bg element. When I console log(clipPath.value) it goes from the two values correctly, but nothing is applied. No console errors. Can anyone see why?

See the Pen KBLqOW?editors=0010 by ReGGae (@ReGGae) on CodePen

[GreenSock 18,884 Likes (Superhero)]

GSAP seems to be doing exactly what you asked, but I believe you're missing a "px" (unit) in your circle value. 
 

//BAD: 
value: `circle(${window.innerWidth * 1.25} at 50% 50%)`

//GOOD: 
value: `circle(${window.innerWidth * 1.25}px at 50% 50%)`

 

Does that help? 

[jesper.landberg 61 Likes (Contributor)]

10 hours ago, GreenSock said:

GSAP seems to be doing exactly what you asked, but I believe you're missing a "px" (unit) in your circle value. 
 

//BAD: 
value: `circle(${window.innerWidth * 1.25} at 50% 50%)`

//GOOD: 
value: `circle(${window.innerWidth * 1.25}px at 50% 50%)`

 

Does that help? 

lol.. always the small things, thanks for saving me some additional hours of staring:P

[GreenSock 18,884 Likes (Superhero)]

No problem - it happens to all of us. I've had plenty of those occasions myself