[Animate Divi Section Dividers CSS Only] Animate Wordpress Divi Section Dividers #wordpress #divi #animation #css

style.css

/* Animate Wordpress Divi Top and Bottom Dividers */
/* HOW TO USE */
/* Add the following code to the Custom CSS box in Divi Theme Options */
/* Add the class "bg-animate-bottom" or "bg-animate-top" to the divi section divider */

.bg-animate-bottom .et_pb_bottom_inside_divider {
    -webkit-animation: scroll 150s linear infinite;
    -moz-animation: scroll 150s linear infinite;
    -ms-animation: scroll 150s linear infinite;
    -o-animation: scroll 150s linear infinite;
    animation: scroll 150s linear infinite;
}

.bg-animate-top .et_pb_top_inside_divider {
    -webkit-animation: scroll 150s linear infinite;
    -moz-animation: scroll 150s linear infinite;
    -ms-animation: scroll 150s linear infinite;
    -o-animation: scroll 150s linear infinite;
    animation: scroll 150s linear infinite;
}

    @-webkit-keyframes scroll {
        100%{background-position: 10000px center;}
    }
    
    @-moz-keyframes scroll {
        100%{background-position: 10000px center;}
    }
    
    @-o-keyframes scroll {
        100%{background-position: 10000px center;}
    }
    
    @keyframes scroll {
        100%{background-position: 10000px center;}
    }

/* Reference: How to Animate Your Divi Section in Less than 5 minutes: https://www.youtube.com/watch?v=93607Uabwn8 */