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

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -