title: Firefox twitching issue with transform rotate
body: <p>I have made an analogue clock which rotates using javascript function in chrome and IE it works nicely, to my eye at least, but in firefox the minute hand twitches for reason not known to me I am posting .js file and .html file because I reckon that the .css file is not relevant.</p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>var hourHand = document.getElementById('hourHand');
  var minuteHand = document.getElementById('minuteHand');
  
  function initClock(){
  var date = new Date();
  var hour = date.getHours() % 12;
  var minute = date.getMinutes();
  var second = date.getSeconds();
  
  var hourDeg =  (hour * 30) + (0.5 * minute);
  var minuteDeg = (minute * 6) + (0.1 * second);
  
  hourHand.style.transform = 'rotate(' + hourDeg + 'deg)';
  minuteHand.style.transform = 'rotate(' + minuteDeg + 'deg)';
  
  
  setTimeout(initClock, 1000);
  };
  
  initClock();
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code> &lt;div&gt;
          &lt;div class="levo"&gt;
              &lt;img id="slikaLevo" src="TIDlevo.png"&gt;
          &lt;/div&gt;
          &lt;div class="kontejner"&gt;
              &lt;div class="clock"&gt;
                  &lt;img class="hands" src="TidClockFace.png"&gt;
                  &lt;img id="hourHand" class="hands-cl" src="velika.png"&gt;
                  &lt;img id="minuteHand" class="hands-cl" src="mala.png"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="desno"&gt;
              &lt;img class="desnoSlika" src="TIDdesno.png"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I am providing a JSFiddle link so You guys can see what I'm talking about:
  <a href="https://jsfiddle.net/MicroDev92/8j1rteqd/19/" rel="nofollow noreferrer">https://jsfiddle.net/MicroDev92/8j1rteqd/19/</a></p>
  
  <p>is this something that can be fixed?</p>