Прогресс бары, анимация загрузки…

Сайт, где вы найдете конструкторы анимации прогресс баров — loading.io. Я бы сказал налетай, подешевело, но всё абсолютно даром.

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

Авторы обеспечили совместимость стилей со всеми нормальными браузерами и IE версии >= 10. Если ваш заказчик не страдает некрофилией (типа поддержки IE 6,7), то стоит взять данный сервис на вооружение.

Мало букафф? Читайте есчо !

Единицы размеров в CSS, отличия между REM, EM, PX и т.п.

Июль 15, 2025 г.

В CSS размеры можно задавать с помощью разных единиц измерения: rem, em, px, % и другие. Разберём ключевые различия между rem, em и прочими. EM - размер относительно размера шрифта родителя [crayon-69e8da6eb4352904262267/] 2em внутри .child ...

Читать

Верстка: большой блок слева и четыре малых справа

Март 15, 2025 г.

Дизайнеры любят разные компоновки блоков, но не всегда удобно использовать таблицы для верстки, чтобы воплотить дизайн в HTML. Рассмотрим одну из компоновок, ...

Читать

Эффект исчезновения/появления цветности CCS3

Апрель 7, 2017 г.

Среди простых, но эффектных способов оживить картинки на сайте есть следующий визуальный эффект, для которого нужны лишь CSS3 стили. Назовем его - "игра ...

Читать

100% высоты для дочернего flex контейнера

Сентябрь 10, 2024 г.

Flex опирается на другие принципы нежели блочные контейнеры, и иной раз не понятно какими свойствами управляется дочерний контейнер во flex родителе. Рассмотрим пример, когда у нас есть flex контейнер с двумя дочерними элементами. [crayon-69e8da6eb4760807560608/] ...

Читать
 

Комментарии к «Прогресс бары, анимация загрузки…»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: