UTILS.
Приватность по умолчанию
◜

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

Создайте чистый CSS-спиннер загрузки и скопируйте CSS.

Ваши файлы остаются на этом устройстве

Файлы обрабатываются в браузере и не отправляются на сервер. Сайт загружает код и ресурсы для работы инструментов. Без аккаунтов и трекеров.

Нажмите «Скачать», чтобы сохранить инструмент одним HTML-файлом для работы офлайн.

Конфиденциальность →

Об этом инструменте

Создайте чистый CSS-спиннер загрузки в стиле кольца, точек или полос с произвольным размером, цветом и скоростью, затем скопируйте CSS и ключевые кадры. Превью анимируется вживую в вашем браузере.

Часто задаваемые вопросы

Нужны ли спиннеру изображения или JavaScript?
Нет — он построен только из HTML-элементов и ключевых кадров CSS, поэтому работает на любой странице без дополнительных ресурсов.
Как изменить скорость вращения?
Ползунок скорости задаёт длительность анимации в секундах; меньшее значение вращает быстрее, большее — медленнее.

Больше инструментов