CSS Gradient Generator

I want to share a small, but useful tool for generating Photoshop-like gradients. This tool is called loudly - Ultimate CSS Gradient Generator . But it’s not the name that gives it more significance, but the creators are the same guys who made ColorZilla , the best plug-in for Firefox.

But fewer words, more deeds. The generator works very simply:

• choose from the list the template we need (and there are more than a hundred there)
• customize size items
• we are determined with flowers
• copy the code

The code comes out clean enough, here is an example:

background: #ebf1f6; /* old browsers */ background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* ie */ 

This is the code for


UPD : thanks to Lazio_od for another great tool .