title: Is there a way to make cross-browser CSS3 code DRY?
body: <p>When I want to create a gradient background in CSS3 I have to do this:</p>
  
  <pre><code>background-color: #3584ba;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#54a0ce), to(#3584ba)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #54a0ce, #3584ba); /* Safari 5.1+, Chrome 10+ */
  background-image:    -moz-linear-gradient(top, #54a0ce, #3584ba);  /* FF3.6 */
  background-image:      -o-linear-gradient(top, #54a0ce, #3584ba); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a0ce', endColorstr='#3584ba'); /* IE */
  </code></pre>
  
  <p>and this is really annoying. Is there a better solution, for example a jQuery plugin, that will make my code cross browser compatible, if I just use:</p>
  
  <pre><code>background-image: -webkit-linear-gradient(top, #54a0ce, #3584ba); /* Safari 5.1+, Chrome 10+ */
  </code></pre>
  
  <p>for example?
  Is there a tool to help me write CSS3 code more easy?</p>