loader image

Animated Shape Divider

Animated Shape Divider

Apply animation to Elementor shape dividers. This effect can be applied to separate or All dividers on a page or section layout.

3.5/5 - (2 votes)

Template Example

robedge.com




Animated Shape Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

CREDIT Rob Edge
CSS NEEDED

body{ overflow-x:hidden}
.elementor-shape{
width: 200%;
animation: shape 20s ease-in-out infinite;
}

@keyframes shape {
0% {left: 0;}
50% {left: -50%;}
100% {left: 0;}
}
@media only screen and (max-width: 767px) {
.elementor-shape {display:none;}
}

selector{
transform:rotate(90deg);
}

HTML NEEDED

No Additional HTML Required

robedge.com | mt irvine tobago w.i. | 868.276.2665 | robedge@gmail.com