Генератор Треугольников CSS
Генератор Треугольников CSS
Используя данный генератор треугольников, создайте нужный вам CSS в несколько кликов.
- Сгенерируйте нужный CSS код треугольника.
- Скопируйте готовый код к себе в проект.
.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;
}
Надеюсь, вам понравилась данная информация. Если вам интересна тема web-разработки, то можете следить за выходом новых статей в Telegram.
Поделиться с друзьями: