Генератор Треугольников CSS

Генератор Треугольников CSS

Используя данный генератор треугольников, создайте нужный вам CSS в несколько кликов.

  1. Сгенерируйте нужный CSS код треугольника.
  2. Скопируйте готовый код к себе в проект.



.triangle {
    position: relative;
}

.triangle::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    pointer-events: none;
    border-style: solid;
    border-color: transparent;
    border-width: 20px;
    height: 0;
    width: 0;
    border-bottom-color: #f1f4f2;
    margin-left: -20px;
}