WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Cargador sencillo
2410
Devtools_7
Abrir en el editor
Publica tu código
Recomendado
7 January 2024
Cargador de Pulso en CSS
11 December 2024
Cargador resplandeciente
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) */
