title: getting css transition value
body: <p>I have this CSS</p>
  
  <pre><code>#main .timer img.hand {
      position: absolute;
      left: 0;
      bottom: 0;
      transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);
      transition: transform 1.25s ease-out 0s; -webkit-transition: -webkit-transform 1.25s ease-out 0s; -moz-transition: -moz-transform 1.25s ease-out 0s; -o-transition: -o-transform 1.25s ease-out 0s;
      transform-origin: 50% 98% 0; -webkit-transform-origin: 50% 98% 0; -moz-transform-origin: 50% 98% 0; -o-transform-origin: 50% 98% 0; -ms-transform-origin: 50% 98% 0;
  }
  </code></pre>
  
  <p>and I am trying to extract the transition value in JS.</p>
  
  <pre><code>var $timer = $('&lt;img&gt;', {'class': 'hand', 'src': 'images/timer-hand.png'});
  
  console.log($timer.css('transition')) // returns an empty string
  </code></pre>
  
  <p>I've tried '-moz-transition' as well - same result.</p>
  
  <pre><code>$timer.css({'transition': 'none'}); // works fine
  </code></pre>
  
  <p>Thank you</p>