@funkydance

Как сделать треугольные блоки?

Здравствуйте. Не могу понять как сверстать данный блок.

860161938_preview_605034121_preview_buyw

Внутри круга, будут 6 button кнопок, который должны иметь треугольный вид и каждая кнопка располагаться рядом с друг другом.

border-top: 100px solid transparent;
    border-left: 298px solid #000000;
    border-bottom: 100px solid transparent;


Если делать через бордеры, то прозрачные края мешаются при стыке с другим блоком (так как это кнопки, нужно точное визуальное разграничение одного треугольника от другого).

Кто что посоветует?
  • Вопрос задан
  • 321 просмотр
Решения вопроса 1
criticalsomethoughts
@criticalsomethoughts
UI\UX Developer, Project Manager
https://codepen.io/mrd/pen/yJAkVb - принцип будет понятен.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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