title: Why are "transform" properties grouped?
body: <p>It seems a bit counter intuitive to have properties, which on their own are key:value pairs, be grouped together. Especially since most of them are quite different and can still be used simultaneously as long as you know how to write it. In case it's not clear what I'm talking about, my question is this. Why is the following:</p>
  
  <pre><code>transform: rotate(40deg) scaleX(1,5) translate(-10px, 20px);
  </code></pre>
  
  <p>Not written like so:</p>
  
  <pre><code>rotation: 40deg;
  scaleX: 1.5;
  translate: -10px 20px;
  </code></pre>
  
  <p>This way each property can be manipulated on their own, without having to keep track of the sibling values. There must be a good reason the W3 choose this approach, so does anyone know it?</p>