1function mcw_animation_scripts() {
 2    wp_enqueue_script( 'jquery' );
 3    wp_enqueue_style( 'animate-style', '//cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css' );
 4}
 5add_action( 'wp_enqueue_scripts', 'mcw_animation_scripts' );
 6 
 7add_action('wp_head', function(){ ?>
 8<style>
 9    .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .site-footer p, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer a.gb-button-text {
10        opacity: 0;
11    }
12</style>
13<script>
14    var animate = 'animate__animated';
15    var animation = ['animate__bounce', 'animate__backInUp', 'animate__bounceIn', 'animate__bounceInUp', 'animate__fadeInUp', 'animate__fadeInDown', 'animate__flipInX', 'animate__flipInX', 'animate__slideInUp'];
16    //var animation = ['animate__slideInLeft', 'animate__slideInRight'];
17    document.documentElement.style.setProperty('--animate-duration', '2s');
18    jQuery(document).ready(function($){
19        $('.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .site-footer p, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer a.gb-button-text').each(function(){
20            $(this).addClass(animate);
21            //$(this).addClass(animation[randomnumber]);
22        });
23        $('.animate__animated').each(function() {
24            if (isScrolledIntoView(this) === true) {
25                if( $(this).hasClass('added') ){}
26                else{
27                    var randomnumber = Math.floor(Math.random() * animation.length);
28                    //$(this).addClass(animation[randomnumber]);
29                    $(this).addClass('animate__fadeInUp');
30                    $(this).addClass('added');
31                }
32            }
33        });
34        // Check if element is scrolled into view
35        function isScrolledIntoView(elem) {
36            var docViewTop = $(window).scrollTop();
37            var docViewBottom = docViewTop + $(window).height();
38 
39            var elemTop = $(elem).offset().top;
40            var elemBottom = elemTop + $(elem).height();
41 
42            return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
43        }
44        // If element is scrolled into view, fade it in
45        $(window).scroll(function() {
46            $('.animate__animated').each(function() {
47                if (isScrolledIntoView(this) === true) {
48                    if( $(this).hasClass('added') ){}
49                    else{
50                        var randomnumber = Math.floor(Math.random() * animation.length);
51                        $(this).addClass('animate__fadeInUp');
52                        $(this).addClass('added');
53                    }
54                }
55            });
56        });
57    });
58</script>
59<?php }, 999);