UTILS.
Приватність за замовчуванням
◜

Генератор CSS-спінера

Згенеруйте суто CSS-спінер завантаження та скопіюйте CSS.

Ваші файли залишаються на цьому пристрої

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

Натисніть «Завантажити», щоб зберегти інструмент одним HTML-файлом для роботи офлайн.

Конфіденційність →

Про цей інструмент

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

Поширені запитання

Чи потрібні спінеру зображення або JavaScript?
Ні — він побудований лише з HTML-елементів та CSS keyframes, тож працює на будь-якій сторінці без додаткових ресурсів.
Як змінити швидкість обертання?
Повзунок швидкості задає тривалість анімації в секундах; менше значення обертає швидше, а більше — повільніше.

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