Как сделать плавное изменение блоков при изменении ширины экрана?

Question

[m4son]

Есть сайт https://demo.kaliumtheme.com/agency/
если открыть панель разработчика в браузере, и уменьшать ширину, то блоки адаптируются через время и плавно меняют ширину, плавно группируются из 3 колонок в 2. Как это сделать ? Когда я делаю сайты, то переход от 3 до 2 колонок молниеносный, а тут видно, как они плавно перемещаются

Comments

[Ankhena]

Да, используется transition, только перед тем как засунуть это в сайт, подумайте кто, как часто и зачем изменяет ширину окна.

[Rustam Bainazarov]

Это используются либо, плагины либо библиотеки. Тупо transition тут не поможет.

Можете использовать, к примеру, GSAP для этих задач. Или Isotope там какой-нибудь, у них есть эта функция. То есть, нужен JS.

Answer 1

[Andrej Sharapov]

transition

Answer 2

[Антон Усачев]

Посмотрел код сайта и выяснил, что используется masonry. И для сортировки Isotope того же разработчика. Вот тут вообще все его проекты.