WordPress

Elementor Animated Services Box with Border Effects | WordPress Elementor Pro

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;
}
Hi, I'm Abdullah Nahian

A petite and ordinary man. I like working with web design and development. I also try to read, write and make videos on this subject.

Subscribe to our Newslatter

Sign up for free and be the first to get notified about new posts.

[contact-form-7 id="423" title="Susbrcribe"]