Glowing Border

Add A Glowing Border To Your Page

Add To Custom CSS

				
					body {
    
	margin: 10;
	padding: 10;
	background-color: #02010100;
}

.block {
	position: relative;
	margin: 0px auto 0;
	width: auto;
	height: auto;
	background: linear-gradient(0deg, #699989);;
}

.block:before, .block:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, white, black ,green, yellow, red, blue);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.block:after {
	filter: blur(50px);
}
				
			

Copy In To CSS Classes:

block

alt="Glowing Gradient Border In Elementor" alt="Glowing Border"