@maxxim9595

Как перестроить значок мобильного меню «гамбургер» в такое?

Есть самый обычная иконка мобильного меню "гамбургер", в виде трёх горизонтальных полосок. Очень часто делают так, что при открытии меню иконка, то есть 3 линии, плавно трансформируются в крестик. Однако у моего заказчика свой путь, и он хочет, чтобы она трансформировалась в это:
5d4dece05f27e550945124.jpeg
Может быть, кто-то знает, как лучше реализовать подобное, или у кого-то есть готовый вариант такой трансформации, или вы знаете, где его найти?
  • Вопрос задан
  • 331 просмотр
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
C телефона было сложно, но примерно так:


Как правильно отметил Brad9aga в своем примере, лучше первую и последнюю полоски сдвигать, так лучше выглядит:
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы