[Prevent GSAP from converting percentage values to pixels]

Makes total sense! Thank you for your help

[Prevent GSAP from converting percentage values to pixels]

Hi everyone! :)

 

First time writing here, because I am really struggling with this one. I want to create a reveal effect using a simple overlay witch animates from the top the bottom. The overlay is composed of two parts a white part which hides the content at the start and a black part on top of it. Those two parts both have a height of 100%. As you can see in the codepen, I transform the y percentage of the overlay element to 200%, so that it is hidden completely.

 

The problem is when I try to resize the viewport, the element appears in the viewport. I suspect it it because the percentage values are automatically converted to pixels.

 

I hope my problem is clear and I hope someone is be able to help me :)

See the Pen MWpKQLM by ronnow (@ronnow) on CodePen