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

Share this page:


Subscribe to get regular news and updates

  • This field is for validation purposes and should be left unchanged.