Гамбургер SVG-иконки

Переключение иконки по клику происходит через событие onclick, что позволяет обойтись без использования дополнительных JS-кодов

Иконки:

Нажмите на нужный гамбургер, чтобы увидеть анимацию и получить его код.

HTML:
CSS:
HTML:
CSS:
HTML:
CSS:
HTML:
CSS:
HTML:
CSS:
HTML:
CSS:
HTML:
CSS:

Пример реализации:

При клике на иконку у нее добавляется класс active. Это также можно использовать для вывода меню или другой информации.

HTML:
CSS:

Иконки найдены на codepen.io у пользователя Shark

1

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

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

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