title: css gradient for triangle shaped arrow
body: <p>Please take a look at <a href="http://jsfiddle.net/ghAgQ/" rel="nofollow noreferrer">http://jsfiddle.net/ghAgQ/</a>
  I need the same gradient for arrow, as it is for the rectangle. Any ideas how thats done? Thanks    </p>
  
  <pre><code>.rectangle {
  background-color: #EEE;
  height: 80px;
  width: 240px;
  border: 1px solid #CCC;
  background: white;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white),             color-stop(37%,#F1F1F1), color-stop(57%,#E1E1E1), color-stop(100%,#F6F6F6));
  float: left;
  }
  
  .arrow {
  
  border-top: 41px solid transparent;
  border-bottom: 41px solid transparent;
  border-left: 15px solid #C4C4C4;
  float: left;
  cursor: pointer;
  
  }
  </code></pre>
  
  <p>​</p>