title: how to test if keyframes is supported or not using Modernizr?
body: <p>I would like to test if the browser supports keyframes or not. So I found <a href="https://github.com/Modernizr/Modernizr/issues/476" rel="nofollow">this</a> .</p>
  
  <p>But I'm really confused how to use?</p>
  
  <pre><code>Modernizr.addTest("keyframes", function(){
      //your test code without adding a support class || this will be done by Modernizr
      return [boolean]; // return true if it is supported or false if it is not supported
  });
  if(Modernizr.addTest()){
      alert('supports');
  }
  </code></pre>
  
  <hr>
  
  <p>I used it like this but it is adding the class in all browsers:</p>
  
  <pre><code>Modernizr.addTest("keyframe", Modernizr.testAllProps('animationName'));
      if($("html").hasClass('no-keyframe')){
          alert('test');
      }
  </code></pre>