CSS 3 Gradients Generator by ColorZilla

Colorzilla, best known for the Firefox extension to pick colors in a web page, released an excellent tool to create cross browser CSS 3 gradients with a polished interface and the ability to upload images to create the gradients.

Ultimate CSS Gradient Generator makes it really easy to create gradients by not only providing a slick interface where you can select colors visually and edit the gradient in a Photoshop-like fashion, but also due to its image uploading feature: upload a gradient image and the generator will scan it and extract the color keys and their placement.

You can use the test gradient image above in the web application to test this. You can also enter your current CSS3 gradients in Webkit or Mozilla format to convert them to a cross browser solution.


“CSS 3 Gradients Generator by ColorZilla” received 4 comments! Add yours.

  1. xhtml css templates – CSS 3 Gradients Generator by ColorZilla | Graphic design | ilovecolors | XHTML CSS - Style sheet and html programming tutorial and guides April 30th, 2011

    [...] this link: CSS 3 Gradients Generator by ColorZilla | Graphic design | ilovecolors Share and [...]

  2. pceasies May 4th, 2011

    For an all CSS but not as well supported approach you could make use of the ID and :target pseudo class.

  3. Sanjay December 19th, 2011

    nice,
    awsome

  4. believe March 18th, 2012

    We’re a group of volunteers and opening a new scheme in our community. Your web site provided us with valuable information to work on. You have done a formidable job and our whole community will be grateful to you.

Leave a comment