Transparent PNG for Dynamic Background Gradients
Here’s a quick little trick I’ve used for a variety of applications. It involves using a transparent png or gif with a gradient to allow you to create dynamic background gradients.
The first step is to create a gradient – I use Fireworks. Adjust the opacity to zero for the top side and 80% for the bottom.
Here’s an example of the CSS
background:url(trans.png) #990 bottom;
Here’s an example of the HTML
Here’s the final result.
What's the Buzz?
Andy did a tremendous job in developing a new website for our company from scratch. His vision in developing a “state of the art” website for a furniture retailer was key to making our website one of the top sites in our industry. He was tireless in working to develop new ideas and translate them into a working part of our site.
- Paul Sanford
COO, Roomful Express Furniture