WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Cargador sencillo
3,277
Devtools_7
Abrir en el editor
Publica tu código
2
Recomendado
18 December 2025
Cargador de juegos Unity WebGL Slope Plus
7 May 2024
Cargador con CSS
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) */
