Border Radius-ի գեներատոր
Կլորացրե՛ք յուրաքանչյուր անկյունը սահիչներով, ստեղծե՛ք օրգանական ձևեր էլիպսաձև ռեժիմով և ակնթարթորեն պատճենե՛ք CSS-ը:
Յուրաքանչյուր անկյուն գծվում է անմիջապես Ձեր բրաուզերում: Ձեր սահմանած տվյալներից ոչինչ չի վերբեռնվում BroBroGo:
ՀՏՀ
Ինչպե՞ս են աշխատում չորս անկյունները և px-ի ու %-ի տարբերությունը:
Չորս սահիչները ժամացույցի սլաքի ուղղությամբ համապատասխանում են վերևի ձախ, վերևի աջ, ներքևի աջ և ներքևի ձախ անկյուններին: Պիքսելներով (px) անկյունը կլորանում է ֆիքսված չափով, իսկ տոկոսներով (%)՝ տուփի (box) չափերին համեմատական. հորիզոնական տոկոսը հետևում է լայնությանը, իսկ ուղղահայացը՝ բարձրությանը, ուստի 50%-ը քառակուսին վերածում է շրջանի:
Ի՞նչ է անում էլիպսաձև ռեժիմը:
Երբ այս ռեժիմն անջատված է, յուրաքանչյուր անկյուն ստանում է մեկ շառավղով քառորդ շրջան: Միացնելու դեպքում յուրաքանչյուր անկյուն ստանում է առանձին հորիզոնական և ուղղահայաց շառավիղներ, ինչի շնորհիվ կարող եք ստեղծել փափուկ, օրգանական «բլոբ» (blob) ձևեր: Գեներատորն ինքնուրույն կգրի երկու արժեքով թեք գծով (slash) կոդը և կվերադառնա կարճ ձևին, երբ անկյունները նորից դառնան համաչափ կլոր:
Ինչպե՞ս ստանալ կատարյալ շրջան կամ պատիճաձև կոճակ:
Կապակցե՛ք անկյունները, անցե՛ք տոկոսային (%) ռեժիմին և սահմանե՛ք 50%. քառակուսին կվերածվի կատարյալ շրջանի: Պատիճաձև (pill) կոճակի համար պահպանե՛ք պիքսելները (px) և քաշե՛ք անկյուններից մեկը կոճակի բարձրության կեսից ավելի. կողքերը կմնան լիովին կլորացված ցանկացած լայնության դեպքում: «Շրջան» (Circle) նախակարգավորումը թույլ է տալիս սա կարգավորել ընդամենը մեկ կտտոցով: