title: How can you create a CSS3 gradient in Opera?
body: <p>I can create CSS gradients in IE6/7/8/9/FF3.6+ and Chrome (see below).</p>
  
  <p>My question is: </p>
  
  <p><strong>How would one create a gradient in Opera?</strong></p>
  
  <pre><code>.gradient{
          /*Mozilla Firefox 3.6*/
          background-image: -moz-linear-gradient(top, #dcdcdc, #c6c6c6);
  
          /*Webkit aka Google Chrome*/
          background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c6c6c6),color-stop(1, #dcdcdc));
  
          /*Internet Explorer 6,7 and 8*/
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#c6c6c6');
  
          /*Internet Explorer 8 only*/
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#c6c6c6')";
  
          /* Opera */
          /* ??? */
  }
  </code></pre>