Tag Archives: web programming

Using a gradient background on a website that fades out

It took me a while to figure out how to get a gradient background to look exactly like I wanted. While the simplest solution is to use a repeated background to create a gradient effect, I wanted it to fade out at the bottom. If you look at this site, there is only a gradient at the top of the page. As the page gets longer, the background is a constant colour. Somehow I needed to have two different backgrounds, both working at the same time. It took a lot of digging but I finally found a solution, which I’ll post here.  Continue reading

Posted in Programming | Tagged , , | Leave a comment | 2,051 views