Gerador de Loader CSS
8 animações de carregamento 100% CSS (spinner, pulse, três pontos, barra de progresso e mais). Personalize cor, tamanho e velocidade, copie o código com um clique.
样式
尺寸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); }
}