WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
2244
Devtools_7
Apri nell'Editor
Pubblica il Tuo Codice
Consigliato
22 May 2025
Big Bang html
18 November 2024
Schermata iniziale
1 June 2025
Home Effetto Slider Immagine Sito Web
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) */
