If you are anything like me, you like to get your website looking as good as possible. Here is an easy to use tool that generates the css code for color gradients for use anywhere on a web page.
A powerful Photoshop-like CSS gradient editor from ColorZilla. reverse News: version 4 is here – radial and diagonal gradients, IE9 support, Sass support and more. import cancel Import from an existing gradient image file.
News: version 4 is here – radial and diagonal gradients, IE9 support, Sass support and more.
The Ultimate CSS Gradient Editor was created by Alex Sirota (iosart). If you like this tool, check out ColorZilla for more advanced tools such as eyedroppers, color pickers, palette editors and website analyzers.
As you might know, HTML5 introduced many exciting features for Web developers. One of the features is the ability to specify gradients using pure CSS3, without having to create any images and use them as repeating backgrounds for gradient effects.
Important: You’ll need a recent version of Firefox, Chrome, Safari, Opera or IE to use this Gradient Generator. The resulting CSS gradients are cross-browser – they will work in these browsers and will also fall back to a simpler gradient in older versions of Internet Explorer.
The main gradient control allows you to: » Adjust the gradient stop position by dragging the stop marker » Adjust the stop color by double clicking on the stop marker » Delete a stop by draggin the stop marker up or down » Add a new stop by clicking anywhere in between the existing stop markersYou can use the ‘Stops’ panel to conrol the color and the position of the currently selected stop more precisely.