How to Make a Glowing Corners in Columns Using Elementor for FREE | Elementor Tutorial

Find the code used in this tutorial in below

Color code used:

Page Background Color:
#0e1538

Column Background Color:
#0e1538

CSS code used:

.glowing-box::before{

content: "";
position: absolute;
inset: -3px;
background: linear-gradient(45deg,#00ccff,#0e1538,
#0e1538,#d400d4);
box-shadow: 0 0 0 20px #070c23;
z-index: -1;

}
.glowing-box::after{

content: "";
position: absolute;
inset: -3px;
background: linear-gradient(45deg,#00ccff,#0e1538,
#0e1538,#d400d4);
z-index: -1;
filter: blur(20px);

}

.glowing-box:hover::before{

content: "";
position: absolute;
inset: -3px;
background: linear-gradient(90deg,#00ccff,#0e1538,
#0e1538,#d400d4);
box-shadow: 0 0 0 20px #070c23;
z-index: -1;

}
.glowing-box:hover::after{

content: "";
position: absolute;
inset: -3px;
background: linear-gradient(90deg,#00ccff,#0e1538,
#0e1538,#d400d4);
z-index: -1;
filter: blur(20px);

}