WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Chargeur simple
2107
Devtools_7
Ouvrir dans l'éditeur
Publiez votre code
Precisa de um site?
Recommandé
11 December 2024
Chargeur lumineux
2 March 2024
Application de traduction simple (anglais vers ourdou)
10 August 2024
Champ de saisie simple
HTML
Copy
<svg viewBox="25 25 50 50"> <circle r="20" cy="50" cx="50"></circle> </svg>
CSS
Copy
svg { width: 3.25em; transform-origin: center; animation: rotating 2s linear infinite; } circle { fill: none; stroke: hsl(214, 97%, 59%); stroke-width: 2; stroke-dasharray: 1, 200; stroke-dashoffset: 0; stroke-linecap: round; animation: dash 1.5s ease-in-out infinite; } @keyframes rotating { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 200; stroke-dashoffset: -35px; } 100% { stroke-dashoffset: -125px; } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
