Ways of doing an image reveal on scroll

[LeonGeldsch]

Hello Greensock community!

 

I'm currently building an animation that reveals an image from a small circle cutout to a full screen image.

I've managed to get it working the way I want to using the CSS clip-path property. Sadly that property is not supported by some older iOS devices and I was wondering if anyone maybe has an idea on alternative ways of implementing the same effect.

 

See the Pen LYreVgB by leongeldsch (@leongeldsch) on CodePen

[GreenSock]

Maybe SVG? Or a wrapper <div> with border-radius: 50% and overflow: hidden?