bubn0ff
@bubn0ff
Специалист по технической поддержке

Как реализовать такой элемент в CSS?

Привет всем!

Верстаю сайт по макету. Наткнулся на сложный для меня элемент, который никак не получается реализовать:
5e44507967b9d160641294.png
Кто может подсказать, как делать такие указатели?

Пробовал с помощью clip-path: polygon(), но что-то не задалось. Псевдоэлементы тоже не пошли.
  • Вопрос задан
  • 514 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus
Frontend Engineer & Fullstack Designer
Вариант первый:



Вариант второй:



Вариант третий:



Вариант четвёртый:



Вариант пятый:



Вариант шестой:



Вариант седьмой:



Вариант восьмой:



Вариант девятый:



Вариант десятый:



Вариант одиннадцатый:



Вариант двенадцатый:



=================================================================================
=================================================================================

Моя коллекция меню навигаций и хлебных крошек: https://codepen.io/collection/njaGMk
Оставляю ссылку тут. Качество кода конечно не шедевр, можно сделать и получше, но как-то так. Коллекция будет обновляться.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
LeshaGFB
@LeshaGFB
Верстальщик
Например, вот так.
Ответ написан
Ваш ответ на вопрос

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

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