loader image

Custom Shape Dividers

Custom Shape Dividers

Custom shape dividers built using customized .SVG files in three separate container levels and opacities

Rate this tutorial

Template Example

Shape Dividers using Background Images

Shape Dividers using SVG Images

brushedT3
brushedT3
CREDIT Rob Edge
CSS NEEDED

Container css

selector {
height: 100px;
object-fit: fill;
}
__________________________________________

Image css

selector {
--speed: 10s;
}

selector .elementor-widget-container {
animation: moving var(--speed) ease-in-out infinite alternate;
}

@keyframes moving {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}

HTML NEEDED

No Additional HTML Required

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