Баннер-расхлоп

Двухкомпонентный баннер-расхлоп вверху страницы. Как работает: маленький баннер по тапу или по нажатию на стрелку вниз раскрываеся в большой баннер. Пользователь переходит на сайт по тапу на большой баннер.

На этой позиции размещаем только HTML-баннеры, поскольку только с помощью HTML-анимации получится сделать органичный анимированный переход между баннерам.

Технические требвания

Необходимо подготовить два отдельных HTML-баннера. Ширина баннеров — 728 рх,  при этом видимая область, куда нужно поместить всю важную информацию — 360 рх по центру. Мы ориентируемся на ширину 360 рх, потому что у большинства мобильных пользователей TUT.BY именно такая ширина экрана смартфона.

Высота баннеров:

  • маленький баннер — 160 рх
  • большой баннер — 350 рх

Как выглядит баннер.