WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Chargeur lumineux
1656
ledoc
Ouvrir dans l'éditeur
Video
Publiez votre code
1
Recommandé
25 May 2025
Un code par Liamgilles76
18 December 2025
Code HTML du jeu Aquapark IO débloqué
25 May 2024
Maîtriser l'art des portes coulissantes : techniques d'animation CSS et GSAP
HTML
Copy
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pure CSS 3D Glowing Loader Animation</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="loader"> <div class="round">Loading</div> </div> </body> </html>
CSS
Copy
body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #021514; } .loader { perspective: 800px; } .round { position: relative; width: 200px; height: 200px; border-radius: 50%; animation: animate 4s linear infinite; display: grid; place-content: center; color: #01b4f9; box-shadow: 0 0 100px #01b4f9, 0 0 20px #01b4f9, 0 0 30px #01b4f9; font-family: impact; font-size: 35px; border: 15px outset #01b4f9; } @keyframes animate { 0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
