title: Firefox refusing to transition element
body: <p>Why does firefox refuse to transition the element? How may I fix?</p>
  
  <pre><code>.config:before
  {
      content: 'test';
      font: 25px/55px serif;
      -webkit-transition: .6s -webkit-transform ease-in-out;
              transition: .6s transform ease-in-out;
  }
  
  .config.active:before
  {
      -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
              transform: rotate(360deg);
  }
  
  &lt;span class="config active"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>JSBin: <a href="http://jsbin.com/zipokubode/1/edit?html,css,output" rel="nofollow">http://jsbin.com/zipokubode/1/edit?html,css,output</a></p>
  
  <p>Note: I'm running the latest stable FF, so prefixing isn't the issue.</p>