Animate.css does not work with ng-animate in Safari and Webviews?


I trying to use Ionic, ng-animate and Animate.css to do some animations, and it works great in Chrome and Firefox, but fails completely (silently) in desktop Safari and when testing as hybrid app on both simulator (ios) and device (ios).

The animate.css (without angular and ionic) examples works on desktop Safari, so the support should be in place.

I’ve set up this codepen (works in Chrome, not in Safari):

Can you see if I have done something completely horrendous, and hopefully give me some pointers in the right direction?



Simple mistake. Forgot to include browser-prefixes for animation-name -.-