Hi Awll

I'm trying to reproduce an animation I have seen on Google site. The screen is all white while at the top of the page. Then as you scroll down the sticky header reveals a shadow at the bottom.

I though I could replicate it by giving the header the shadow, then making a white rectangle overlap the shadow. The idea being that as you scroll the page the shadow is revealed.

By the fact I'm here it should be obvious it did not work. The header is placed on top of the page and hence the shadow on show the whole time.

Any suggestions on how to achieve the effect?

Thanks

Tim Box