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.