Animate Custom Properties in Interactions

I've added a clip-path custom property to a hero image. As the user scrolls down the page, I'd like the clip-path to animate such that, 50% of the way down the page, it goes from circle(100% at 50% 50%) down to circle(2.45% at 50% 50%) with display set to none.

Interactions, currently, do not support adding custom properties like this and changing them across time.

It'd be great if it did.

  • John Fallot
  • Apr 19 2024