Javascript Is Disabled

Javascript seems to be disabled. This will break some site features. To enable Javascript click here div { display: none; } .text-noscript { color: #ffffff; } .link-noscript { color: #1976ed; } .animated-border-box, .animated-border-box-glow { max-height: 200px; max-width: 900px; height: 100%; width: 100%; position: absolute; overflow: hidden; z-index: 0; /* Border Radius */ border-radius: 10px; color: #ffffff !important; padding: 40px; } .animated-border-box-glow { overflow: hidden; /* Glow Blur */ filter: blur(20px); } .animated-border-box:before, .animated-border-box-glow:before { content: ''; z-index: -2; text-align: center; top: 30%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); position: absolute; width: 99999px; height: 99999px; background-repeat: no-repeat; background-position: 0 0; /*border color, change middle color*/ background-image: conic-gradient(rgba(0, 0, 0, 0), #1976ed, rgba(0, 0, 0, 0) 25%); /* change speed here */ animation: rotate 4s linear infinite; } .animated-border-box:after { content: ''; position: absolute; z-index: -1; left: 5px; top: 5px; /* double the px from the border width left */ width: calc(100% - 10px); height: calc(100% - 10px); background: #292a2e; border-radius: 7px; } @keyframes rotate { 100% { transform: translate(-50%, -50%) rotate(1turn); } } /*// Border Animation END//*/ .center-box { height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #1D1E22; }

Test article for testing

Date Published: June 25, 2025

Author: Bimlendra Kumar Singh

Test article for testing

About the Author

Bimlendra Kumar Singh

Test article for testing

Comments

Please login to write a comment.

Bim32 Singh32 Jun 25, 2025

Nice article1