Генератор CSS-лоадеров

Создание CSS-спиннеров и анимаций загрузки

Обработка в браузереВаши данные не покидают браузер

Loader Type

Appearance

Size48px

Border Width4px

Animation Speed1s

Primary Color

Secondary Color

Preview

CSS

.loader {
  width: 48px;
  height: 48px;
  border: 4px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

HTML

<div class="loader"></div>

About Генератор CSS-лоадеров

Создание CSS-спиннеров и анимаций загрузки

Use this free online css-генераторы tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.

Генератор CSS-лоадеров

About Генератор CSS-лоадеров

Processing

Похожие инструменты