Shape masking

hello is there anyway to achieve this shape masking effect on scroll like how readymag used on the design below:

and

1 Like

you could add a shape with a path as svg via custom code.
Or, like in your second example add a transparent png image above your content to frame it.

1 Like

@neueMeta thanks for your answer! means alot.
do you have any suggestion place that works with readymag (e.g codepen) so i can check about the svg via custom code option?

On the original page, it seems to be a simple SVG with on scroll animation (with a few other layers underneath).

If you are aiming for the same effect; doing it like that is worth trying!

1 Like

thanks for you answer Samur! gonna try that =)

1 Like

well, yyes everything you find on codepen should work though. But I would go with the transparent png as its more easy to implement.

1 Like