Hello everyone,
I wouldn’t post if I haven’t asked high and low for the answer to this question in the community forums. I’m going to try to explain it as succinct and clearly as possible, so here goes: I’m trying to create a page transition effect, utilizing mainly this tutorial right here: [Creating a page transition effect - YouTube]
Current state problem:
a) Whenever I create a div block with the background on absolute position, it pushes the div block past the hero section. So if a user scrolls down on the live site, they can see all the transition designs that I used. What’s weird is that I can only see this on my live website [www.vanessa.xyz], not on the Webflow preview. I’ve set all the transitions to absolute positioning with z-index high so that they can layer others
b) There are some weird design distortion on the images that I have used after page load. You can compare it with the live image to the images stored in Webflow to see the difference
Desired State:
a) My website should not be scrollable and
b) There should not be any weird design flaw on the transition
I hope I was able to explain it clearly! If not, feel free to ask so I can clarify.
I would really love to hear from the Webflow community. This is my first time writing, but I’ve been a lurker for quiet a while since I’m only starting out Webflow.
Here is my public share link: Webflow - Personal Website