How to add a drop shadow to a navbar when it scrolls down and then if I scroll to the top the shadow disappears?
your read-only link doesn’t work.
Thanks for checking it.
Here is the link:
I have experimented with page scroll down and page scroll down, but it is not the effect I want. (I only want the shadow to disappear when it scrolls back to the top.)
your are on the right way. You have to use the event/interaction “while page is scrolling”.
And ad a new animation. “0%” to "5% " is the navbar "5%“to “100%” is the rest of your body.
So set the “opacity” to “0” at “5”. Be sure that you have the right"target”.