Дизайн

Генератор CSS-спиннеров

Чистые CSS-индикаторы загрузки — настройте цвет, размер, скорость и скопируйте код.

ЦветРазмер: 48pxСкорость: 0.8s

CSS

.spinner {
  width: 48px;
  height: 48px;
  border: 6px solid #2563EB33;
  border-top-color: #2563EB;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}