Создавайте красивые загрузчики CSS

Создавайте пользовательские анимации загрузки CSS за считанные секунды с помощью нашего интуитивно понятного интерфейса перетаскивания. Кодирование не требуется!

Настройте свой загрузчик

40px
1s

Preview

Как пользоваться

  1. Настройте свой загрузчик с помощью элементов управления слева
  2. Нажмите кнопку "Сгенерировать CSS"
  3. Скопируйте сгенерированный HTML и CSS код
  4. Вставьте его в свой проект

Популярные примеры загрузчиков

Импульсный загрузчик

3 Dots Простота реализации

Вращающийся загрузчик

Classic 100% CSS

Dual Ring

Двойной круг Современный стиль

Загрузчик с отскоком

Прыгающие точки Плавная анимация

Кольцевой загрузчик

Кольцо с точкой Уникальный дизайн

Весовой погрузчик

Масштабирование точек Lightweight

Как использовать загрузчики CSS

Базовая реализация

Использовать загрузчики CSS, сгенерированные этим инструментом, очень просто. Просто скопируйте сгенерированный код HTML и CSS в свой проект.

Шаг 1: Добавьте CSS

Add the generated CSS code to your stylesheet or in a