CSS генератор на формите
Създайте полигон, звезда, значка, шестоъгълник и шеврони с модерна CSS клип-патека геометрия.
Работи във вашия браузър. Файловете ви никога не напускат устройството. Вижте как да го проверите
…
Как се прави
- 1Стъпка 1: отворете CSS генератор на формите и въведете данните си
Въведете числата или текста си, добавете файл или изберете нужните опции. Нищо не се качва: всичко остава във вашия браузър.
- 2Стъпка 2: какво прави CSS генератор на формите
Създайте полигон, звезда, значка, шестоъгълник и шеврони с модерна CSS клип-патека геометрия.
- 3Стъпка 3: прочетете резултата и сравнете
Резултатът се появява веднага. Променете една стойност, за да видите как се променя отговорът, и запазете числото, което пасва на вашия случай.
- 4Стъпка 4: копирайте или запазете
Копирайте резултата или го изтеглете. При важно решение го потвърдете с официалния източник или консултант.
За този инструмент
Clip-path позволява на разработчиците да изрязват HTML елементи и изображения в точни геометрични полигони и форми, без да се нуждаят от Photoshop или SVG маски.
Съвети за най-добър резултат
Преди да започнете, отделете малко време да прочетете опциите и първо опитайте инструмента с малък пример. Всичко работи в браузъра на вашето устройство; нищо от въведеното или добавеното не се качва, а затварянето на раздела изтрива всичко. Ако нещо изглежда погрешно, презаредете страницата и опитайте отново или използвайте връзката за съобщаване на тази страница, за да ни кажете какво не е наред. Ако резултатът все още изглежда грешен, променяйте по една стойност, за да видите кое поле влияе най-много. Добавете страницата в отметките, ако ще я използвате отново.
Накратко
- Категория: Изображения
- Работи в браузъра, без регистрация, без качване.
- Въведената от вас информация остава на устройството ви.
- Налично на много езици.
- Съдържанието е прегледано последно:
Често задавани въпроси
Какво е CSS Clip-path?
The `clip-path` CSS property creates a clipping region that determines which parts of an element or image are visible.
Кои форми са включени като предварителни настройки?
Предварителните настройки включват триъгълник, шестъгълен, 5-точкова звезда, значка за отстъпка на продуктите, навигационен шеврон и кръгови маски.
Мога ли да снимам снимки и видеоклипове с това?
Yes. Apply the generated clip-path CSS rule to any `<img>`, `<video>`, `<div>`, or card component in your stylesheet.
Дали пътят за клип влияе върху кликващите се кутии с елементи?
В съвременните браузъри само видимата, неотрязана област на елемента отговаря на показвачния ховър и кликването.