Gradient is a simple yet powerful tool to help you get rid of the clumsiness of vendor presets when it comes to creating CSS3 gradients.
How to use Gradient:
Pick the perfect color with Gradient's custom picker (or use the standard Colors window)
Adjust the value in RGB, HEX or HSL in the input pane
Use shortcuts to speed up your workflow and make CSS gradient creation as fast as it possibly can be
Choose between linear and radial gradients
Set the direction for linear gradients or the center position for radial ones
Fine tune the output to perfectly suit your needs and your coding style
More time-saving features are already in the works, like:
More positioning options
Trust the experts:
"You won't find a Web designer alive who doesn't cringe at the process of creating CSS3 gradients for the various modern browsers and Internet Explorer. It's incredibly tedious, but, thanks to Gradient, this task now takes seconds!" - Jeffrey Way
"Writing out gradients by hand with all the appropriate vendor prefixes is tedious, error prone, and a waste of time. For simple two color gradients (the majority of use cases) Gradient App is the perfect tool." - Chris Coyier
What's new in Gradient
We finally added this new long-awaited output mode and you can choose it now from the Preferences pane.
Mind you, we're not talking about Compass only. It's the real deal:
SCSS with our own custom mixin you can copy and use
Compass optimized output
Join over 500,000 subscribers.
Subscribe for our newsletter with best Mac offers from MacUpdate.