Generador de Loader CSS
8 animaciones de carga CSS puras (spinner, pulso, tres puntos, barra de progreso y más): personaliza color, tamaño y velocidad, copia código con un clic.
样式
尺寸60px
速度1s
预览
<!-- HTML -->
<div class="loader"></div>
/* CSS */
.loader {
width: 60px;
height: 60px;
border: 6px solid #6366f133;
border-top-color: #6366f1;
border-radius: 50%;
animation: loader-spin 1s linear infinite;
}
@keyframes loader-spin {
to { transform: rotate(360deg); }
}