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');
    //   }
    // });

Search the site


Address

123 Main Street
Town
City
P05T C0D3

Tel: 01234 567 899

Mob: 01234 567 899

Email: ben@gomopress.com


Copyright 2023. Blah blah blah Company Limited