title: CSS3 Transitions: Is "transition: all" slower than "transition: x"?
body: <p>I have a question about rendering speed for the css3 transition property.</p>
  
  <p>Suppose I have a number of elements:</p>
  
  <pre><code>div, span, a {transition: all}
  
  div {margin: 2px}
  span {opacity: .5}
  a:hover {background-position: left top}
  
  div:hover {margin: -100px}
  span:hover {opacity: 1}
  a:hover {background-position: -5px top}
  </code></pre>
  
  <p>It's much more efficient to target all of the transitions for all of those elements using one declaration <code>div, span, a {transition: all}</code>. But my question is: would it be "faster" in terms of the smoothness and quickness of the animation rendering to target each element's specific transition property? For example:</p>
  
  <pre><code>div {margin: 2px; transition: margin .2s ease-in}
  span {opacity: .5; transition: opacity .2s ease-in}
  a {background-position: left top; transition: background .2s ease-in}
  
  div:hover {margin: -100px}
  span:hover {opacity: 1}
  a:hover {background-position: -5px top}
  </code></pre>
  
  <p>My logic in asking this is that if the css "engine" has to search for "all" transition properties even if there is just one single property for an element, that it might slow things down.</p>
  
  <p>Does anyone know if that's the case? Thanks!</p>