Рубрика «css animation»

Все уже знают про Flexbox. Кто-то испытывает его на продакшене, кто-то только изучает, а кто-то недоумевает, чем он лучше таблиц. Пока вы занимаетесь этим, поделюсь с вами приятной новостью: flexible контейнеры неплохо анимируются с помощью CSS transition.

Расскажу, как это использовать и что с этой радостью можно делать.
Читать полностью »

CSS анимации на реальном проекте

Всё чаще среди веб-разработчиков поднимается тема возможностей CSS анимаций (transition/animation), практически на каждой конференции по клиентской разработке можно услышать о потрясающих преимуществах новой технологии.

Производительность и гибкость CSS анимаций позволяет творить удивительные вещи, но можно ли уже использовать эти новые возможности в силу их нестабильности и незрелости на реальных больших проектах?

В этом посте мы расскажем, почему так важно начинать использовать новые технологии клиентской разработки уже сегодня и о трудностях, которые могут ждать вас на пути.
Читать полностью »

image

Немало комментариев от хабра получили мы при запуске проекта CSSLoad.net. Мы обещали много и сделали практически все… Правда не сразу. Причиной тому была постоянная зачистка, доработка и добавление шаблонов наш генератор анимированных GIF и APNG для AJAX — Preloaders.net (опять же по запросам хабра). Но, собравшись с силами, мы наконец взялись и за CSSLoad.

Итак что же мы сделали:
Читать полностью »

Круговой прогресс бар на CSS
Подобные индикаторы загрузки можно встретить на многих flash-сайтах. Но можно реализовать такое и с помощью CSS.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js