← Todas las herramientas de texto

Generador de loaders CSS

Spinners y animaciones de carga en CSS puro, con tus colores y tamaño.

  • Gratis
  • Sin registro
  • Funciona en cualquier dispositivo

Acerca de Generador de loaders CSS

Elige una animación de spinner, puntos, barras o pulso, define su color y tamaño y copia el CSS puro. No se necesitan imágenes ni JavaScript, así que el indicador de carga aparece al instante incluso con conexiones lentas. Añade una etiqueta de texto o el atributo aria-busy para que los usuarios de lectores de pantalla también sepan que algo se está cargando.

Cómo usar Generador de loaders CSS

  1. Configura las opciones de arriba. El resultado se actualiza en directo.
  2. Cambia lo que quieras hasta que quede perfecto.
  3. Copia el resultado o descárgalo.

¿Por qué usar esta herramienta?

También conocida como

Preguntas frecuentes

¿Es mejor un indicador de carga en CSS que un GIF?

Normalmente sí. Los indicadores de carga en CSS son diminutos, se escalan en cualquier pantalla, cambian de color con una variable y evitan una solicitud de red adicional, mientras que un GIF pesa más y se ve borroso en pantallas de alta densidad.

¿Es gratis Generador de loaders CSS?

Sí. Generador de loaders CSS de Toolipedia es de uso gratuito, sin registro y sin marca de agua.

¿Es seguro usarlo?

Sí. Todo se calcula en tu navegador y nada de lo que introduces se envía a nuestro servidor.

¿Funciona en mi teléfono?

Sí. Funciona en cualquier navegador moderno en Android y iPhone, y también en tabletas y computadoras. No hay que instalar nada.

¿Necesito una cuenta?

No. Solo abre la página y usa la herramienta. No hace falta registrarse ni dar un correo electrónico.

Herramientas relacionadas