В данной статье приведен пример реализации выдвижной панели для сайта. Панель может выдвигаться как слева, так и справа (соответствующий код приведен в комментариях).
Рассмотрим сглаженный переход между секциями/блоками с картинкой на странице. Без стилизации переход выглядит в нашем случае как на следующей картинке:
Рассмотрим один из вариантов стилизации вертикального таймлайна как показано на картинке. Он является адаптивным, на мобильных устройствах элементы выстраиваются в одну колонку.