Разделение Экрана и Анимирование

[bwinqcom]

Пример находиться на сайте ВВС США https://www.airforce.com/
Конкретно меня интересует анимация при нажатии на кнопку.
Область делиться на 5 ровных областей, при этом с анимацией и адаптацией к разрешению, либо растягиваются либо сжимаются
Очень хочется подробно узнать как это реализовано

[Rise]

Крутой сайт не как у некоторых...

[Coriolan161]

bwinqcom,
Слушай тут ничего сложного в принципе и нет
1) Анимация - создаешь класс анимации для блоков и через var anim = setInterval каждому блоку вешаешь этот класс. Потом clearInterval(anim)
2) Событие window.onresize
3) Ширина каждого блока - 100% делить на пять в css. или flex

[Coriolan161]

bwinqcom,
И на нокауте сделано)))

[рони]

блок на весь экран и 5 блоков нулевой высоты, по кнопке на боди класс "анимате" и большой блок исчез , 5 блоков выросли и никаких onresize и setInterval, сплошное css

[Coriolan161]

рони,
молодец