CSS Clip Path генератор
Създайте CSS clip-path форми визуално с преглед на живо. Поддръжка на кръг, елипса, inset и полигон с предварителни настройки. Копирайте CSS кода. Безплатен онлайн инструмент.
50%
50%
50%
Справка
Какво е CSS clip-path?
CSS свойството clip-path създава регион за изрязване, който определя коя част от елемент трябва да бъде показана. Частите вътре в региона са видими; частите отвън са скрити.
Форми на clip-path
circle() създава кръгово изрязване. ellipse() създава елиптично изрязване. inset() създава правоъгълно изрязване с незадължителни заоблени ъгли. polygon() създава персонализирана форма, дефинирана от серия координатни точки.
Поверителност
Цялото генериране на clip-path работи 100% във вашия браузър. Никакви данни не се изпращат на сървър.