chevron_right

Генератор CSS Clip-Path

Создавайте CSS clip-path фигуры с живым предпросмотром.

Фигура

CircleEllipseInsetTriangleHexagonDiamondPentagonStarArrow

Параметры

Radius: 50

Center X: 50

Center Y: 50

Сгенерированный CSS

clip-path: circle(50% at 50% 50%);

Похожие инструменты

Генератор градиентов

Создавайте CSS-градиенты визуально с живым предпросмотром.

Генератор Box Shadow

Создавайте CSS-тени визуально с живым предпросмотром.

Генератор Border Radius

Визуально управляйте скруглением углов и копируйте CSS.

Генератор тени текста

Создавайте эффекты CSS text-shadow с живым предпросмотром.

Валидатор XML

Проверяйте синтаксис XML и просматривайте сворачиваемое дерево элементов с деталями ошибок.

Разделить CSV

Разделите CSV-файл на несколько частей по количеству строк, равным частям или значению столбца.

обратить текст

обратить characters in a текст string.

apps

Больше инструментов

Просмотрите нашу полную коллекцию бесплатных онлайн-инструментов.

Формируйте силуэт элементов визуально, а не расставляя точки вручную

clip-path помогает создавать выразительные маски и контуры, но редактировать полигоны вручную обычно неудобно. Этот генератор позволяет сначала подобрать форму визуально, а потом уже забрать готовый CSS.

Когда это особенно полезно

Он хорошо подходит для масок изображений, нестандартных карточек и декоративных краев секций. Перед использованием стоит проверить, как форма ведет себя с текстом, изображениями и на разных размерах экрана.