How to make the same hide effect?

Question

Layout

How to make this or similar effect of hiding text in the top banner when scrolling, like on this site one.modern.themerella.com Are there any ready-made solutions for such animations?

Answer 1

Set the parent block
At the block that you want to transform, change on the scroll event where angle is the angle by which you want to tilt the block Can be calculated like this: PS To find out how things like this work, just look at Devtools