CSS-генератор форм

Як користуватися

1. 1
   Крок 1: відкрийте «CSS-генератор форм» і введіть дані

   Введіть числа або текст, додайте файл чи виберіть потрібні параметри. Нічого не завантажується: усе залишається у вашому браузері.

2. 2
   Крок 2: що робить «CSS-генератор форм»

   Створіть багатокутні, зірки, значки, шестикутники і шеврони з сучасним CSS-геометрії кліп-пути.

3. 3
   Крок 3: прочитайте результат і порівняйте

   Результат з'являється одразу. Змініть одне значення, щоб побачити, як змінюється відповідь, і залиште цифру, що підходить вашому випадку.

4. 4
   Крок 4: скопіюйте або збережіть

   Скопіюйте результат або завантажте його. Для важливого рішення звірте його з офіційним джерелом чи консультантом.

Про цей інструмент

Clip-path дозволяє розробникам вирізати елементи HTML та зображення в точні геометричні багатокутники і форми без необхідності Photoshop або SVG маски. Вибирайте з популярних попередніх налаштувань, перевіряйте рендеруючу маску у реальному часі і копіюйте чисті координати CSS багатокутні готові до виробництва.

Поради для найкращого результату

Перш ніж почати, приділіть хвилину опціям і спершу спробуйте інструмент на невеликому прикладі. Усе працює в браузері на вашому пристрої: нічого з введеного чи доданого не завантажується, а закриття вкладки стирає все. Якщо щось виглядає неправильно, перезавантажте сторінку й повторіть або скористайтеся посиланням для повідомлення на цій сторінці, щоб розповісти, що пішло не так. Якщо результат усе ще здається хибним, змінюйте по одному значенню, щоб побачити, яке поле впливає найбільше. Додайте сторінку в закладки, якщо користуватиметеся нею знову.