Posted on

Yes that’s right you can create a gradient without using images and even better is that it works Cross Browser. The Javascript was written by slayeroffice and it is an easy script to implement.

To create the gradient you must first add the Javascript to the top of the page.

<script type="text/javascript" src="gradient.js"></script>

Then add the following class to any element you wish.

<class="gradient ffffff 000000 vertical">


You can change anything after gradient. You may also change vertical to horizontal to make a horizontal gradient and change any of the colors to any color you want.

slayeroffice Gradient

Tags: ,


6 thoughts on “Cross-Browser Gradient without Images

Leave a Reply

Your email address will not be published. Required fields are marked *