When scrolling down, gray/blacken the page

Need help
1

When scrolling down I would like to gradually gray/blacken the page.
Any way to do it?
Thanks!
Dan

2

Maybe a gradient background in the page style is what you are looking for

https://manual.bubble.io/core-resources/elements/page-element#background-style

3

I dont think this is the answer
but thanks anyhow

4

ah! my bad :sweat_smile: .
Do you mean like adding an overlay on top of the page?

5

exactly!
Thanks!
Dan

6

Hey dmintz2,

Easiest thing to do would be to overlay a shape over your entire page, then set opacity conditionals.

As the page reaches a certain scroll position, have the opacity change from 0 - 10, then 10 - 20, and so on. You’ll have to set multiple conditionals for the shape, but it shouldn’t be that hard!

7

First thank you so much!
Second, how do you set opacity conditionals??

how do I do that??

Cheers,
Dan

8

This topic was automatically closed after 70 days. New replies are no longer allowed.