CSS clip-path
Выбираешь форму — получаешь готовый CSS clip-path с polygon().
скопировано
О сервисе
Готовые CSS-формы clip-path: треугольник, ромб, шестиугольник, звезда, стрелка, шеврон, круг, эллипс, inset. Превью + копирование CSS.
Что умеет
- 15 готовых форм
- Большое превью 220×220 с градиентным фоном
- CSS на основе polygon(), circle(), ellipse(), inset()
- Все формы кросс-браузерные
Как работает
Каждая форма — захардкоженная строка polygon() с координатами вершин в %. Это позволяет формам быть резиновыми (работать с любым размером блока).
Пример
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) — ромб. Полезно для секций с диагональными границами.
Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.
