title: CSS3 transition only scale
body: <p>A simple question.</p>
  
  <p>When I hover the element, element should be scale. Working fine. Problem is I have some background colors also applying. I want to get rid of this background transition.</p>
  
  <p>Following is my code.</p>
  
  <pre><code>.scale{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  
  .scale:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  </code></pre>
  
  <p>I have changes the transition-property to <code>width, height, top, right, bottom, left</code></p>
  
  <p>My pen <a href="http://codepen.io/anon/pen/yAGBj" rel="nofollow">http://codepen.io/anon/pen/yAGBj</a></p>