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?
In working with Andy, I was extremely impressed by his overall expertise and the “can-do” attitude with which he approached every phase of the project. While some designers may have become frustrated by working with multiple decision makers with limited web development knowledge, Andy was very understanding and strategic in his approach to finding very organized solutions to address our needs. I would highly recommend him!
- Allison Davies