Бесплатный онлайн-генератор CSS-треугольников. Создавайте чистые CSS-треугольники с помощью трюка с бордерами. Выбирайте направление, размер и цвет.
width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 80px solid #3b82f6;