Горизонтальный скролл в Zero блоке

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

Установка:
  1. Разместите элементы в ряд, чтобы они выходили за границы артборда / холста
  2. Дабы последний элемент при скролле не заканчивался прям на границе экрана, разместите после него невидимый шейп шириной 20-30px, дабы создать отступ.
  3. Добавьте код в T123 и замените #recХХХХХХХХХ на ID вашего Zero блока
  4. Если вы хотите отображать скроллбар (ползунок) — удалите втору строку в коде
  5. Enjoy =)

<style>
#recХХХХХХХХХ .t396__artboard {overflow-x: auto}
#recХХХХХХХХХ .t396__artboard::-webkit-scrollbar {height: 0} /* скрывает скроллбар */
</style>
Made on
Tilda