Гамбургер иконки с анимированными переходами

«Гамбургер» — название иконки, состоящей из трёх параллельных горизонтальных линий, символизирующих список меню.

В данной заметке для такой иконки представлено 7 разных анимированных переходов в крестик по клику. Классы для гамбургера и крестика переключаются на jQuery

Вариант 1:

Вариант 2:

Вариант 3:

Вариант 4:

Вариант 5:

Вариант 6:

Вариант 7:

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Лена:

    А как это использовать на сайте?

    Ответить
    • Alexander:

      По клику заменяется иконка, и нужно добавить что то еще, область например.
      И по этому же клику ее открывать и закрывать.
      Напишите в ВК мне, я расскажу подробнее

      Ответить