title: CSS: Sorry, the at-rule @keyframes is not implemented
body: <p>Trying to make a simple animation using example found at <a href="http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_keyframes2" rel="nofollow">http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_keyframes2</a> as a reference</p>
  
  <p>however, the image which i'm trying to animate stands still. Aptana editor spits out these errors -"Property animation doesn't exist, "Property animation-iteration-count doesn't exist", "Sorry, the at-rule @keyframes is not implemented".</p>
  
  <p>my html:</p>
  
  <pre><code>&lt;div id="animate"&gt;&lt;img src="flower.jpg"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>my css:</p>
  
  <pre><code>#animate img 
  {
      width:50px;
      height:50px;
      animation: test 25s;
      animation-iteration-count: 10;
      -moz-animation: test 25s;
  }
  
  @keyframes test
  {
  0%   {left:0px; top:0px;}
  25%  {left:200px; top:0px;}
  50%  {left:200px; top:200px;}
  75%  {left:0px; top:200px;}
  100% {left:0px; top:0px;}
  }
  
  @-moz-keyframes test
  {
  0%   {left:0px; top:0px;}
  25%  {left:200px; top:0px;}
  50%  {left:200px; top:200px;}
  75%  {left:0px; top:200px;}
  100% {left:0px; top:0px;}
  }
  </code></pre>
  
  <p>The third error, "Sorry, the at-rule @keyframes is not implemented" - does it mean that this feature is not officially implemented worldwide? if so, why the example code at W3schools works OK, but the code from my editor does not work?</p>
  
  <p>using Mozilla 18.0.2 on windows</p>