Здравствуйте! Мне нужно создать необыкновенную навигацию на сайте (см. рисунок прикрепленный ниже).
Проблема в следующем:
Каждая кнопка будет иметь 3 состояния (:hover, :active и нормальное состояние). Я бы мог делать их с помощью псевдоэлементов, потому-что по-сути у меня меняется только в пирамиде большая грань позиционированием можно выкрутить. НО! Мои треугольники (или пирамиды) расположены очень близко один к одному, и получается если я буду наводить на элемент z-index меньше — другой будет его перекрывать. Поэтому мне посоветовали делать в этому случае с помощью < map >. Я не разрабатывал карты раньше…
Вопрос в следующем: Я могу с использованием тега
менять состояния элементов. И каким образом?
Заранее спасибо!
< map > поможет но без js не обойтись.
Как вариант можно canvas или svg использовать, но не думаю что это проще будет