@testtoster

Как сверстать стрелочку?

Как правильно сверстать данный элемент?
5e27f3de142db119894780.png
  • Вопрос задан
  • 653 просмотра
Решения вопроса 5
petermzg
@petermzg
Самый лучший программист
Применить SVG
Ответ написан
MrDecoy
@MrDecoy
Верставший фронтендер
Да вариантов хоть отбавляй. Зависит от вашей фантазии.

Можно сделать из двух псевдоэлементов ::before, ::after, Задав правильное позиционирование, transform-rotate и border (или width\height + background-color).

Можно из одного (псевдо)элемента. Делайте квадратик, задаёте границу с двух смежных сторон, а не полную - профит. В этом случае может не получиться полного красивого скругления всех углов стрелочки.

Можно жёстко задать размер блока, скрыть overflow, запихнуть внутрь блока букву "К" и подобрать соответствующий размер шрифта, чтобы осталась видна только такая вот "стрелочка" :-D

SVG\Canvas не предлагаю т.к. тэг CSS :-)
Ответ написан
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
A зачем ее верстать? Если в svg она будет занимать меньше, чем в css. Да и вообще, в-принципе незачем верстать иконки
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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