I am controlling svg with css animation i generated from http://cssanimate.com/ i created a function in my controller to change the animation-play-state to running when i click a button. This works on ios but not on android any tips on how to start stop pause css animation ?
EDIT: I figured out my issue i need to add animationPlayState and webkitAnimationPlayState to my function
$scope.startAnim = function (params) {
var someAnim = document.getElementById("someAnim");
if (
someAnim.style.animationPlayState === 'running' ||
someAnim.style.webkitAnimationPlayState === 'running') {
someAnim.style.animationPlayState = 'paused';
someAnim.style.webkitAnimationPlayState = 'paused';
document.body.className = 'paused';
} else {
someAnim.style.animationPlayState = 'running';
someAnim.style.webkitAnimationPlayState = 'running';
document.body.className = '';
}
};