WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
स्प्लैश स्क्रीन
1244
efficientapp356
संपादक में खोलें
अपना कोड प्रकाशित करें
अनुशंसित
16 October 2025
कोड प्रभाव के साथ CSS एनिमेटेड लोडिंग स्क्रीन
10 July 2025
CSS एनिमेटेड लोडिंग स्क्रीन HTML उदाहरण
HTML
Copy
DJYMNHS SHS Computer Laboratory
CCAJYV
Go to Homepage
CSS
Copy
*{ margin: 0px; padding: 0px; box-sizing: border-box; font-family: arial; } h2{ position: relative; font-size: 6em; letter-spacing: 15px; color: #4991d4; text-transform: uppercase; width: 100%; text-align: center; -webkit-box-reflect : below 1px linear-gradient(transparent , #0004); line-height: 0.70em; outline: none; animation: animate 2s linear infinite; } @keyframes animate{ 0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%{ color: #3486d3; text-shadow: none; } 18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,100%{ color: #094b89; text-shadow: 0 0 10px #61dcf5, 0 0 20px #61dcf5, 0 0 40px #61dcf5, 0 0 80px #03bcf4, 0 0 160px #03bcf4; } } <!-- Replace with your HTML Code (Leave empty if not needed) -->
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */