a11y.skipToMainContent
1

Генератор погрузчиков CSS

Дизайн и экспорт чистых спиннеров загрузки CSS — выберите из 10+ предустановок, настройте цвета и скорость, а затем скопируйте CSS и HTML.

px
s
px

Preview

HTML

CSS

Was this tool helpful?
Send output to:
Advertisement

How to use CSS Loader Generator

  1. Выберите тип погрузчика из выпадающего списка.
  2. Настройте цвет, размер, скорость и фон, чтобы соответствовать вашему дизайну.
  3. Скопируйте сгенерированный код CSS и HTML в свой проект.

Что такое имя?

Погрузчик CSS (или спиннер) - это анимированный элемент, который сообщает пользователям, что контент загружается. Вместо использования GIF-файлов или библиотек значков этот генератор создает легкие, настраиваемые погрузчики только для CSS с нулевыми зависимостями. Выберите из спиннера, точек, импульса, брусков, кольца, двойного кольца, эллипса, ролика, песочных часов, ряби и сетки стилей. Настройте цвет, размер, скорость и фон. Скопируйте CSS и HTML непосредственно в ваш проект
Advertisement

FAQ

Эти погрузчики свободны от зависимости?
Да, все загрузчики являются чистыми CSS без JavaScript, изображений или внешних библиотек.
Можно ли их использовать в производстве?
Абсолютно. CSS чистый, легкий и работает во всех современных браузерах.
Как изменить скорость анимации?
Используйте слайдер Speed, чтобы установить продолжительность анимации в секундах. CSS автоматически обновляется.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement