Way to determine the exact style properties currently being applied by a web animation (without being mixed in with all styles currently applied)
I’m working on a project where I’d like to be able to determine exactly what style properties an animation is currently applying to an element, and ideally only those changes imparted by the animation (though if there are multiple animations currently acting on an element it’s fine and maybe even preferred if the result is a list / object of all style properties actively imparted by any animations on the element). I’ve seen some quality examples using getComputedStyle()
and I think that’s fairly close to what I want but ideally I’d like an object or css string that only contains the style properties that are being applied by the animation (so no baseline style params that come from a css file or applied by other means).
Is there a way to determine the exact style properties currently being applied by a web animation ( all styles currently applied)
I’m working on a project where I’d like to be able to determine exactly what style properties an animation is currently applying to an element, and ideally only those changes imparted by the animation (though if there are multiple animations currently acting on an element it’s fine and maybe even preferred if the result is a list / object of all style properties actively imparted by any animations on the element). I’ve seen some quality examples using getComputedStyle()
and I think that’s fairly close to what I want but ideally I’d like an object or css string that only contains the style properties that are being applied by the animation (so no baseline style params that come from a css file or applied by other means).