Генератор clip-path для CSS

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

Дизайн и CSS Полностью работает в вашем браузере

Вся обработка происходит на вашем устройстве — ничего не отправляется на сервер.

Форма

Код CSS

clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

Продолжить с

Полностью локально

Генератор кривой Cubic Bezier для анимации

Перетащите две точки, чтобы визуально спроектировать кривую ускорения анимации (Easing), и получите код cubic-bezier

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор макетов CSS Grid и Flexbox

Визуально создайте макет Grid или Flexbox с живым превью и получите готовый код CSS

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор скругления углов (Border Radius)

Настройте скругление углов элемента визуально и получите готовый код border-radius

Дизайн и CSSОткрыть инструмент

Хотите попробовать Uddatak?

Просмотрите полную библиотеку инструментов и начните пользоваться тем, что нужно прямо сейчас — бесплатно, без регистрации.

Смотреть все инструменты

Генератор clip-path для CSS

Код CSS

Продолжить с

Генератор кривой Cubic Bezier для анимации

Генератор макетов CSS Grid и Flexbox

Генератор скругления углов (Border Radius)

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

Генератор кривой Cubic Bezier для анимации

Генератор эффекта матового стекла (Glassmorphism)

Генератор макетов CSS Grid и Flexbox

Преобразование текста в рукописный почерк

Генератор органических форм и фоновых узоров (SVG)

Хотите попробовать Uddatak?