CSS Clip Path գեներատոր
Ստեղծեք CSS clip-path հատկության կոդ տարրերի երկրաչափական դիմակավորման համար: Ընտրեք պատրաստի ձևեր, ինչպիսիք են շրջանը, էլիպսը կամ բազմանկյունները:
Գործարկել գործիքը
CSS clip-path գեներատորը ստեղծում է կոդի պատրաստի հատվածներ վեբ տարրերի դիմակավորման և ձևավորման համար: Դուք կարող եք ընտրել պատրաստի երկրաչափական ձևերից մեկը, ներառյալ շրջանը, էլիպսը, եռանկյունը, վեցանկյունը, հնգանկյունը, աստղը և շեղանկյունը: Շրջանի դեպքում գործիքն օգտագործում է տրված չափը որպես տոկոսային արժեք և տեղադրում է նշված դիրքը at բառից հետո: Էլիպսի դեպքում առաջին տոկոսը համապատասխանում է մուտքագրված չափին, իսկ երկրորդ տոկոսը հաշվարկվում է այդ չափը բազմապատկելով 0.6 գործակցով՝ պահպանելով ընտրված դիրքը: Բազմանկյունների համար, ինչպիսիք են եռանկյունը, հնգանկյունը, վեցանկյունը, աստղը և շեղանկյունը, գեներատորը կիրառում է հաստատուն տոկոսային կոորդինատներով polygon ձևանմուշներ: Չափի և դիրքի փոփոխությունները կիրառվում են շրջանաձև և էլիպսաձև դիմակների վրա, մինչդեռ բազմանկյունների կետային դիրքերը մնում են ֆիքսված: Չճանաչված կամ անհայտ ձևերի անվանումների դեպքում համակարգը լռելյայն ձևավորում է շրջանի կառուցվածք: Գեներացված CSS կանոնը կարող եք անմիջապես պատճենել և ավելացնել ձեր ոճերի ֆայլում՝ ստանալով ճշգրիտ տեսողական դիմակ առանց գրաֆիկական խմբագրիչների օգնության:
Հրահանգներ
- Ընտրեք ցանկալի երկրաչափական ձևը (օրինակ՝ circle, ellipse, triangle, hexagon, pentagon, star կամ diamond):
- Շրջանի կամ էլիպսի համար նշեք չափի տոկոսային արժեքը և դիրքը (օրինակ՝ center կամ 50% 50%):
- Սեղմեք գեներացման կոճակը՝ արդյունքի դաշտում CSS կանոնը ստանալու համար:
- Պատճենեք ստացված clip-path կոդի տողը և տեղադրեք այն ձեր CSS ոճաթերթում:
Օրինակներ
- circle ձևի ընտրության դեպքում 50 չափով և center դիրքով ստացվում է clip-path: circle(50% at center);
- star ձևի ընտրության դեպքում ստեղծվում է հնգաթև աստղի polygon կոորդինատներով CSS կոդ
ՀՏՀ
Ի՞նչ երկրաչափական ձևեր են հասանելի գործիքում:
Գործիքն ապահովում է circle, ellipse, triangle, hexagon, pentagon, star և diamond ձևանմուշները:
Ինչպե՞ս է աշխատում չափի և դիրքի կարգավորումը:
Չափը և դիրքը փոփոխում են շրջանի և էլիպսի պարամետրերը, իսկ բազմանկյուն ձևերն ունեն նախապես սահմանված ֆիքսված կոորդինատներ:
Ի՞նչ է տեղի ունենում, եթե մուտքագրվի չճանաչված ձևի անուն:
Եթե նշված ձևի անվանումը չի գտնվում աջակցվող ցանկում, գործիքը լռելյայն ստեղծում է շրջանաձև դիմակի կոդ: