Elementor Animated Border | WordPress Elementor Pro Tutorial | Elementor Tricks

:root{
–first-color:
#ffff;
–second-color:
#8c3061;
–third-color:
#c63c51;
–size: 150px;
–speed: 8s;
}
selector{
overflow: hidden !important;
display: flex;
justify-content: center;
align-items: center;
filter: blur (20px);

}
/*you can use hover feature with code bellow*/
/*selector:hover:before{*/
selector:before{
filter: blur (1.5rem);
content: ”;
position: absolute;
left:150px;
top:-90px;

width: var(–size);
height: 150%;
background: linear-gradient(90deg, var(–first-color)
0%, var(–second-color)
35%, var(–third-color)
40%);

animation: animate var(–speed)
linear infinite;
}

@keyframes animate{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}