Blocks Animation Plugin
Apply animations to blocks through a jQuery snippet rather than adding animations to every block in the editor:
$('.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6').each(function( index ) {
if (!$(this).hasClass("animated")) {
if (!$(this).hasClass("do-not-animate")) {
$(this).addClass('animated fadeInUp delay-200ms');
}
}
});
$('.entry-content .wp-block-embed, .entry-content .grid-box, .entry-content .card, .entry-content .gform_wrapper, .entry-content .wp-block-button, .entry-content p, .entry-content ul, .entry-content ol, .entry-content .wp-block-quote, .entry-content .wp-block-pullquote, .entry-content .wp-block-table, .entry-content .wp-block-verse, .entry-content .wp-block-group.has-background').each(function( index ) {
if (!$(this).hasClass("animated")) {
$(this).addClass('animated zoomIn delay-200ms');
}
});
// $('.entry-content .wp-block-media-text .wp-block-media-text__media').each(function( index ) {
// if (!$(this).hasClass("animated")) {
// $(this).addClass('animated fadeInRight delay-200ms');
// }
// });