Как сделать бургер меню по диагонали?

Нужно сделать бургер меню как в этом примере по диагонали https://www.schindele-handel.de/ введите сюда описание изображения


Ответы (1 шт):

Автор решения: humster_spb

Открываете отладчик и смотрите, как это сделано на данном сайте.

Меню самое обычное, просто с помощью transform: translate3d(-141.5px,0,0) skewX(-20.65deg); и абсолютного позиционирования фонового блока <div class="sfm-sidebar-bg"></div> кажется, что это меню по диагонали.

Такой нехитрый визуальный эффект.

введите сюда описание изображения

→ Ссылка