title: how to only rotate the background 180 deg,(not rotate the font)
body: <p>this is my code:</p>
  
  <pre><code>&lt;style type='text/css'&gt;
      div {
      width: 100px;
      height: 100px;
      text-align: center;
      font-size: 22px;
      background-image: -webkit-gradient(linear, left top, left bottom,
                      color-stop(0.40, #ff0),
                      color-stop(0.5, orange),
                      color-stop(0.60, rgb(255, 0, 0)));
      -webkit-transform: rotate(180deg)
  }
  &lt;/style&gt;
      &lt;div id="test"&gt;click me to play&lt;/div&gt;
  </code></pre>
  
  <p>the div rotate 180 deg , and the font is also rotate 180 deg,</p>
  
  <p>but , i don't want the font rotate , </p>
  
  <p>what can i do .</p>
  
  <p>thanks</p>