javascript - Animation events firing on psuedo-elements? -
javascript - Animation events firing on psuedo-elements? -
i'm observing inconsistent behaviour regarding animation events.
demo: http://jsfiddle.net/2j37a/
in chrome, i'm seeing webkitanimationiteration
event each iteration of fly
in add-on webkitanimationiteration
event each iteration of rainbow
firefox same chrome, fires animationiteration
events instead of webkitanimationiteration
ie, however, not seem firing events fly
animation, main element's rainbow
animation.
which behaviour correct?
additionally, in case both main element , psuedo-element using same animation (but maybe different times or directions), how distinguish 1 has fired in firefox , chrome?
sometimes, seems, should rtfm before posting.
specifically, the specifications.
from here, find that:
it correct fire events when pseudo-element iterates animation
the event object has pseudoelement
property can differentiate between main element , ::before
/::after
pseudo-elements. not supported in chrome! kind of important, guys, should implement that!
the right spelling "pseudo". not "psuedo". reddish squiggly line means spelling error, niet, pay attending already!
javascript css css-animations pseudo-element
Comments
Post a Comment