title: AngularJS 1.2 Animation fallback when no-cssanimations supported
body: <p>I'm using the new AngularJS 1.2 approach (<a href="http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html" rel="nofollow">year of moo article</a>) for animations using CSS3 transitions. I'd like to conditionally apply a fallback jQuery animation if the browser doesn't support CSS animations.</p>
  
  <ul>
  <li>My CSS animations are working fine when only using CSS ng-enter, ng-enter-active, etc.</li>
  <li>My jQuery animations are working fine when using app.animations("...") as shown below</li>
  <li>I'm using Modernizr so the .no-cssanimations class is already applied to my html document.</li>
  <li>I'd like to conditionally apply the jQuery animation when CSS animations aren't supported for browsers such as IE9.</li>
  </ul>
  
  <p>Right now, I'm trying to do it through the class selector <strong>".no-cssanimations .slideup-form"</strong> like this...</p>
  
  <pre><code>//Simplified angular animation example
  app.animation("**.no-cssanimations .slideup-form**", function () {
       return {
            enter: function (element, done) { ... },
            leave: function (element, done) { ... }
            }
  });
  </code></pre>
  
  <p>That's not working. Is there a better way to accomplish this?</p>
  
  <p>Thanks...</p>
  
  <p><strong>UPDATE</strong>:</p>
  
  <p>I wasn't able to figure out the selector approach above - but I have it working by conditionally calling app.animation() by testing the Modernizr object in javascript. I didn't realize you could test like this.</p>
  
  <pre><code>if (Modernizr.canvas) { ... }
  </code></pre>
  
  <p>Thanks again for the help.</p>