title: CSS3 animation does not start in Opera if element initially had display: none
body: <p>I'm trying to show infinitely rotating image after some event in js.<br>
  Works perfectly in Chrome 26, Firefox 19, but fails in Opera 12 (latest).</p>
  
  <p>I use initial image with style="display: none" like this:</p>
  
  <pre><code>&lt;img src="http://example.com/img.png" id="test" style="display: none"&gt;
  </code></pre>
  
  <p>Then I show the image (remove display: none):</p>
  
  <pre><code>$('#test').show();
  </code></pre>
  
  <p>Expected behavior: see rotating image. Rotation does not happen in Opera.
  Is this an Opera bug? I know I can start animation by applying it with class after image is shown, but I want to figure out how to trigger it when image has animation set initially.
  Animation works fine when the initial image is shown (display: block).</p>
  
  <p>Here is jsFiddle example: <a href="http://jsfiddle.net/vdJLL/" rel="nofollow">http://jsfiddle.net/vdJLL/</a></p>
  
  <p>CSS which I use for rotation:</p>
  
  <pre><code>#test {
    -webkit-animation: rotate 5s linear 0s infinite normal;
    -moz-animation: rotate 5s linear 0s infinite normal;
    -o-animation: rotate 5s linear 0s infinite normal;
    -ms-animation: rotate 5s linear 0s infinite normal;
    animation: rotate 5s linear 0s infinite normal;
  }
  
  @-webkit-keyframes rotate {
    from {
      -webkit-transform: rotate(0deg);
    }
    to { 
      -webkit-transform: rotate(360deg);
    }
  }
  
  @-moz-keyframes rotate {
    from {
      -moz-transform: rotate(0deg);
    }
    to { 
      -moz-transform: rotate(360deg);
    }
  }
  
  @-o-keyframes rotate {
    from {
      -o-transform: rotate(0deg);
    }
    to { 
      -o-transform: rotate(360deg);
    }
  }
  
  @-ms-keyframes rotate {
    from {
      -ms-transform: rotate(0deg);
    }
    to { 
      -ms-transform: rotate(360deg);
    }
  }
  
  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to { 
      transform: rotate(360deg);
    }
  }
  </code></pre>