CSS ローディングジェネレーター
8 種の純 CSS ローディングアニメーション(スピン/パルス/三点/プログレスバーなど)、色・サイズ・速度カスタム、コードワンクリックコピー。
样式
尺寸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); }
}