Type to search

Elementor Color Animated light Border in WordPress

Wordpress Tutorials

Elementor Color Animated light Border in WordPress

Share
Elementor-Color-Border-in-Wordpress

Elementor Color Animated light Border in WordPress
In this video tutorial i will show you how to create color animated border in wordpress using elementor and css

Check our other Tutorial

 Check Our Tutorial On Youtube

Animated Border CSS

:root{
--first-color: #ef32d9;
--second-color: #89fffd;
--size: 100px;
--speed: 4s;
}
selector{
overflow: hidden !important;
display: flex;
justify-content: center;
align-items: center;
}
selector:before{
content: '';
position: absolute;
width: var(--size);
height: 140%;
background: linear-gradient(var(--first-color), var(--second-color));
animation: animate var(--speed) linear infinite;
}
@keyframes animate{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}

Tags:

Leave a Comment

Your email address will not be published. Required fields are marked *