Сайт, где вы найдете конструкторы анимации прогресс баров — loading.io. Я бы сказал налетай, подешевело, но всё абсолютно даром.
Основная особенность в том, что все анимашки выполнены на чистом CSS, без использования изображений. Для создания анимационного эффекта используются возможности каскадных стилей, вроде тех что я описывал вот тут.
Авторы обеспечили совместимость стилей со всеми нормальными браузерами и IE версии >= 10. Если ваш заказчик не страдает некрофилией (типа поддержки IE 6,7), то стоит взять данный сервис на вооружение.
Данная запись опубликована в 11.01.2019 23:14 и размещена в рубрике Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Август 1, 2018 г.
Этот эффект я увидел на одном сайте, где авторы решили так оригинально бороться с пользователями ад-блокера.
Дескать сайт живет за счет рекламы, а раз ...
Читать
Март 29, 2016 г.
Для центровки блока средствами CSS оперируют его внешними отступами.
К примеру, такой CSS код будет центрировать контейнер DIV внутри родительского.
[crayon-6a8725a906a1f132724731/]
Ключевым является значение auto для левого и правого отступов. ...
Читать
Сентябрь 1, 2025 г.
Ещё недавно для прогресс-бара чтения на сайте приходилось подключать JavaScript: отслеживать событие scroll, вычислять процент прокрутки и менять ширину элемента. Теперь это можно сделать чисто на CSS, благодаря новой возможности — Scroll-driven animations. ...
Читать
Февраль 28, 2022 г.
Хорошо известна функция linear-gradient, используемая для background. Нельзя ли её применить для оформления текста?
Как оказывается, такая возможность ...
Читать