Сайт, где вы найдете конструкторы анимации прогресс баров — loading.io. Я бы сказал налетай, подешевело, но всё абсолютно даром.
Основная особенность в том, что все анимашки выполнены на чистом CSS, без использования изображений. Для создания анимационного эффекта используются возможности каскадных стилей, вроде тех что я описывал вот тут.
Авторы обеспечили совместимость стилей со всеми нормальными браузерами и IE версии >= 10. Если ваш заказчик не страдает некрофилией (типа поддержки IE 6,7), то стоит взять данный сервис на вооружение.
Данная запись опубликована в 11.01.2019 23:14 и размещена в рубрике Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Март 29, 2025 г.
Иногда требуется, чтобы стили или часть стилей, формируемых миксином, добавлялись однократно.
Например, ваш миксин добавляет анимацию и при этом объявляет блок @keyframes, который не зависит от параметров и для всех анимированных блоков одинаков. ...
Читать
Апрель 20, 2017 г.
3я версия Bootstrap определяет 4 размера сетки: <768px, ≥768px, ≥992px, ≥1200px. Этих размерностей явно не достаточно.
В то время как на телефонах ...
Читать
Октябрь 24, 2018 г.
Хотелось бы выделить такой перечень css псевдоклассов и приемов работы с ними, который основан на состоянии элемента INPUT.
:checked псевдокласс
Позволяет писать стили для радио/чек - боксов, которые выделены (checked) в текущий момент.
[crayon-6a1c9683989b6411711023/] ...
Читать
Апрель 18, 2025 г.
Здесь мы разбираем CSS анимацию - мерцание.
Это статья из цикла заметок по CSS анимации и эффектам.
Эта анимация создаёт эффект мягкого свечения вокруг элемента, будто он излучает свет. Часто используется для привлечения внимания к кнопкам, ...
Читать