Сайт, где вы найдете конструкторы анимации прогресс баров — loading.io. Я бы сказал налетай, подешевело, но всё абсолютно даром.
Основная особенность в том, что все анимашки выполнены на чистом CSS, без использования изображений. Для создания анимационного эффекта используются возможности каскадных стилей, вроде тех что я описывал вот тут.

Авторы обеспечили совместимость стилей со всеми нормальными браузерами и IE версии >= 10. Если ваш заказчик не страдает некрофилией (типа поддержки IE 6,7), то стоит взять данный сервис на вооружение.
Данная запись опубликована в 11.01.2019 23:14 и размещена в рубрике Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Август 11, 2019 г.
Ширина и высота контейнера - независимые параметры, но иногда хотелось бы чтобы связь между ними была, к примеру, для сохранения пропорций контейнера при адаптивной верстке.
Прямой связи в CSS между width и height нет, и нет возможности задать ...
Читать
Сентябрь 19, 2015 г.
Пока Хром не поддерживает данное значение атрибута спецификации CSS, что то надо делать!
Можно отказаться, но удобно ведь?
Самый простой выход написать вместо злополучного экспериментального padding-box:
[crayon-69f4e087cfbb1029155590/]
Во ...
Читать
Март 28, 2018 г.
В одном из проектов использовался SASS, но оказалось, что у другого разработчика другие настройки SASS. И конечные CSS генерировались с числами другой точности (другое кол-во знаков после запятой).
Любое изменение в файле приводило к огромному ...
Читать
Июль 23, 2021 г.
Правильно будет сказать, что свойство не работает так как ожидается. Оказывается, что часть контейнера с установленной высотой 100vh, может быть перекрыта нижней панелью браузера. Разберемся как решается данная проблема.
В интернете можно найти ...
Читать