fa-beat - sync animation for all icons with the fa-beat class on the page?

[morrow95]

Has anyone figured out a way to get all fa icons with the fa-beat class on a page to 'sync' the beat (frames/animation/whatever)? I am using the fa-beat class on quite a few icons to bring attention to the user and it looks horrible when the beat animations are different for all of them. Example, a list of new messages with an envelope icon and fa-beat applied for unread messages.

I should add that a lot of these icons may be added dynamically and or have the fa-beat class added/removed dynamically. No, a custom css class does not accomplish anything (the animation starts as soon as it is applied). I haven't had success doing this with js either for a 'global' animation to use (it was really jittery and looked horrible).

Anyone?