Gradient makes it easy to generate CSS3 background gradients. The retro sci-fi UI might not be to everyone’s taste, but in practice it’s simple to use, fast and reliable.
For those unfamiliar with CSS and wondering why you’d need a dedicated app for something as seemingly simple as a gradient, here’s the code required to get the grey-to-black fade shown above working across all the popular browsers:
background-color: #dbcfdb; background-image: -webkit-gradient(linear, left center, right center, to(rgb(219, 207, 219)), from(rgb(61, 61, 60))); background-image: -webkit-linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); background-image: -moz-linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); background-image: -o-linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); background-image: -ms-linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); background-image: linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbcfdb', EndColorStr='#3d3d3c');
