Easily Generate CSS Background Gradient Code in Mac OS X

Oct 2, 2011 - 2 Comments

Instant CSS Gradients in Mac OS X

Web designers and developers are well aware that creating CSS gradients is somewhat of a painful process. Sure there are a variety of web-based generator tools that make it easier, but you’ll often be left to scout around for different versions to get different CSS & CSS3 code pieces which then require manual tweaks in order to achieve a uniform gradient across WebKit, IE, and Mozilla based browsers.

The Gradient app aims to solve that headache with easy color selector tools and all the possible gradient options, but more importantly, instant and precise CSS rendering.

Just choose your colors and gradient style (linear, radial, orientation) and click on “CSS” or the “Copy” button and it’s immediately generated, ready to be copied into your clipboard for use elsewhere.

It’s very lightweight and gets the job done perfectly, making it a great tool for anyone who does web work.

You can download the beta for free here

Gradients is for Mac OS X only and it’s not clear if the developer plans to release the app onto the App Store or charge for the final product, nonetheless the beta is freely available and works just fine.

This is a great tool found by MacStories, so heads up to them for the lead.


Related articles:

Posted by: Paul Horowitz in Mac OS, Tips & Tricks


» Comments RSS Feed

  1. […] Easily Generate CSS Background Gradient Code in Mac OS X Easily Generate CSS Background Gradient Code in Mac OS X… Source: osxdaily.com […]

  2. Beezlebubb says:

    Not bad, I will pass it around the office tomorrow thanks.

Leave a Reply


Shop on Amazon.com and help support OSXDaily!

Subscribe to OSXDaily

Subscribe to RSS Subscribe to Twitter Feed Follow on Facebook Subscribe to eMail Updates

Tips & Tricks


iPhone / iPad



Shop on Amazon to help support this site