#инструмент дня

Генераторов треугольников на самом деле достаточно много... было создано лет за 20. Поэтому почти все из используют довольно старые техники. Или же вообще универсальные aka clip path.

Потому, встречаем:
https://css-generators.com/triangle-shapes/

Рассчитаны под один элемент. Пример кода:
/* HTML: <div class="triangle"></div> */
.triangle {
width: 180px;
aspect-ratio: 1/cos(30deg);
clip-path: polygon(50% 100%,100% 0,0 0);
background: linear-gradient(45deg,#FA6900,#C02942);
}

Заценили расчет соотношения сторон, кстати? 🤓

Пользуемся, котаны!

#css #triangle #tool #generator