Решение выполнено на чистом CSS

Пример:

HTML:

CSS:

При добавлении нового пункта меню не забудьте задать ему фоновое изображение

И так далее, где nth-child(6) - его порядковый номер


За основу взято решение, найденное на codepen.io у пользователя Vivian Zhang

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

Многоуровневое вертикальное меню с выпадающим списком по клику на плюсик

Модальное окно для контактов или социальных сетей с фиксированной кнопкой

Настраиваемое меню вызываемое правой кнопки мыши на заданном элементе

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

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

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

  • Андрей:

    Здравствуйте поставил это кkассное меню на движок dle а картинки не появляются

    Ответить
    • Alexander:

      Фон страницы перекрывал фон меню.
      Подправил тут z-index

      Ответить