Streaming live at 10am (PST)

Stop Colour Transitions (At the Bottom)


#1

Hi Guys,

My site is getting a little complex here with a ton of Z index layering :neutral_face:

I’ve got the structure looking good, however the 3 panel blog I’ve made just won’t position correctly anywhere unless I set it to fixed & make it fade in and out with a scroll opacity interaction. Really I just want to hide all the colour transitions on the site towards the bottom & have a few normal segments where I can house this interactive blog etc.

I’ve tried a div spanning like 150% length & 100% width to trigger them on and off and the bottom but it seems a little glitchy.

Any help would be greatly appreciated!

<3

Live Link - http://socialeyesburgtest.webflow.io/

Webflow Link - https://preview.webflow.com/preview/socialeyesburgtest?preview=cf4a3c1ea12913163ebbe7038f040b5a



#2

Hey Will, your website is looking very clean :+1:. I’m curious, are you implementing NextParticle? Anyways, I want to help you but the preview link is broken on my end. Care to retry sending the link? Thanks


#3

Thanks dude :slight_smile:

I am indeed, heavily edited tho.

Here’s the updated link - https://preview.webflow.com/preview/socialeyesburgtest?preview=cf4a3c1ea12913163ebbe7038f040b5a]

Cheers,
Will


#4

@PixelGeek I’m assuming you’re the best person to ask as you made the tutorial? Do you know how to get a clean fade out at the bottom so the colour transitions stop & I can go back to a normal static page?

:slight_smile:


#5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.