
WordPress
Elementor Animated Services Box with Border Effects | WordPress Elementor Pro
- Abdullah Nahian
- February 14, 2023
- 1 Minute Read
- 840 Views
In this video, you will learn how to make an Elementor Animated Services Box with Border Effects.
Source Code
selector{
position: relative;
}
selector:before, selector:after{
position: absolute;
content: "";
width: 0;
height: 0;
transition:.3s;
}
selector:before{
border-top: 3px solid #ff3636;
border-left: 3px solid #ff3636;
left: 0;
right: 0
}
selector:after{
border-right: 3px solid #ff3636;
border-bottom: 3px solid #ff3636;
right: 0;
bottom: 0
}
selector:hover:before, selector:hover:after{
width: 50%;
height: 50%
}
selector:hover span{
border-radius: 0;
}