Skip to content

Instantly share code, notes, and snippets.

@warderer
Created July 23, 2023 17:23
Show Gist options
  • Select an option

  • Save warderer/d83a767c45ca76b1be6dcc43261dd0ff to your computer and use it in GitHub Desktop.

Select an option

Save warderer/d83a767c45ca76b1be6dcc43261dd0ff to your computer and use it in GitHub Desktop.
[Animate Divi Section Dividers CSS Only] Animate Wordpress Divi Section Dividers #wordpress #divi #animation #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 */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment