← Дизайн және CSS
Дизайн және CSS · жергілікті түрде жұмыс істейді

CSS Clip Path пішін генераторы

Шектелген геометриялық алдын ала орнатуды таңдаңыз және жүктелген дизайн деректерінсіз, тікелей түс алдын ала қарауы бар стандарттарға дайын clip-path polygon жасаңыз.

Дайын. Сіздің жұмыс деректеріңіз осы браузерде қалады.

Неге бұл құрал пайдалы

Координат жұптарын қолмен өңдемей-ақ немесе кездейсоқ қойылған CSS-ке сенбей-ақ прототиптік белгілерді, аватарларды, сурет маскаларын және сәндік панельдерді жасаңыз.

Қалай жұмыс істейді

Тұрақты жергілікті реестр әр аталған пішінді тексерілген пайыздық координаттармен сәйкестендіреді; тек таңдалған алдын ала орнату мен расталған түс қана жасалған декларацияға жетеді.

Практикалық мысал

Алтыншы теңгерімді қыры бар қызғылт сары науқан плиткасын бүркеу үшін Hexagon-ды таңдаңыз, содан кейін шығарылған көпбұрышты плитканың бар class-ына қойыңыз.

Тексеру

Есептеу детерминистік және жарамсыз енгізуді үнсіз өзгертудің орнына тексеру қателерін түсіндіреді.

Құпиялылық шекарасы

Енгізу және шығару осы қойындыда қалады. Көшіру және жүктеп алу браузер API-лері арқылы серверге жүктемесіз орындалады.

Нәтиже паспорты

Әр іске қосу құрал режимін, уақыт белгісін және кіріс/шығыс өлшемін хабарлайды, сондықтан түрлендірілген деректерді тексеруге болады.