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

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

Стиль лоадера

Цвет

Размер (px) 48px

Скорость (s) 0.8s

Предпросмотр

CSS-код

Всё работает прямо в браузере. Ничего не загружается на сервер.

Как это работает

STEP 1

Выберите один из 8 типов анимации: спиннеры, точки, полоски и другие.

STEP 2

Подберите цвет, размер и скорость анимации под свой дизайн.

STEP 3

Нажмите «Копировать» и вставьте чистый CSS прямо в таблицу стилей — JavaScript не нужен.