UTILS.
100% en el navegador

Generador de spinner CSS

Genera un spinner de carga con CSS puro y copia el CSS.

Acerca de esta herramienta

Crea un spinner de carga con CSS puro en estilo anillo, puntos o barras con tamaño, color y velocidad personalizados, luego copia el CSS y los fotogramas clave. La vista previa se anima en vivo en tu navegador.

Preguntas frecuentes

¿El spinner necesita imágenes o JavaScript?
No — está construido solo con elementos HTML y fotogramas clave CSS, así que funciona en cualquier página sin recursos adicionales.
¿Cómo cambio la velocidad de giro?
El control deslizante de velocidad establece la duración de la animación en segundos; un valor menor gira más rápido y uno mayor más lento.

Más herramientas