Ġeneratur ta' Border Radius

Ittundja kull kantuniera bi sliders, oħloq forom organiċi bil-mod ellittiku, u kkopja s-CSS istantanjament.

Presets
Kantunieri
Il-kantunieri kollha
24px
CSS
Drag is-sliders biex ittundja l-kantunieri tiegħek.

Kull kantuniera tiġi ġġenerata direttament fil-browser tiegħek. Xejn minn dak li tikkonfigura hawn ma jiġi mtella' fuq BroBroGo.

Mistoqsijiet Frekwenti

Kif jaħdmu l-erba' kantunieri u d-differenza bejn px u %?

L-erba' sliders jimmappjaw, fid-direzzjoni tal-arloġġ, mal-kantunieri ta' fuq-xellug, fuq-lemin, isfel-lemin u isfel-xellug. F'pixels, kantuniera tittundja b'ammont fiss; f'perċentwal, tittundja relattivament għall-kaxxa — perċentwal orizzontali isegwi l-wisa' u perċentwal vertikali isegwi l-għoli, u b'hekk 50% jibdel kwadru f'ċirku.

X'jagħmel il-mod ellittiku?

Meta jkun mitfi, kull kantuniera tkun kwart ta' ċirku b'raġġ wieħed. Meta tixgħelu, kull kantuniera tirċievi raġġ orizzontali u vertikali separat, li bih tista' toħloq forom rotob u organiċi bħal "blob". Il-ġeneratur jikteb il-forma b'żewġ valuri separati bi slash għalik, u jerġa' lura għall-forma qasira meta l-kantunieri jerġgħu jsiru tondi.

Kif nista' nagħmel ċirku perfett jew forma ta' pillola?

Għaqqad il-kantunieri, aqleb għal perċentwal u ssettja 50%: kaxxa kwadra ssir ċirku perfett. Għal buttuna f'forma ta' pillola, żomm il-pixels u drag kantuniera lil hinn minn nofs l-għoli tal-buttuna — il-ġnub jibqgħu kompletament ittundjati f'kull wisa'. Il-preset Circle jikkonfigura l-ewwel każ bi klikk waħda.

Ġeneratur ta' CSS Cubic BezierDrag iż-żewġ manki biex tifforma kurva ta' easing, ara tikka timxi magħha mqabbla ma' waħda b'veloċità kostanti, u kkopja l-valur cubic-bezier().Ġeneratur ta' Box ShadowDrag is-sliders biex tifforma box-shadow, żid is-saffi għal aktar fond, u kkopja s-CSS lest istantanjament.Ġeneratur ta' GradjentiIbni gradjent lineari, radjali, jew koniku, żid waqfiet tal-kulur u ssettja d-direzzjoni, imbagħad ikkopja s-CSS bi klikk waħda.Ġeneratur ta' FlexboxIkkonfigura kontenitur flex u l-oġġetti tiegħu b'kontrolli viżwali, ara t-tqassim jirreaġixxi f'ħin reali, u kkopja s-CSS bi klikk waħda.Ġeneratur ta' CSS GridIssettja l-kolonni u r-ringieli tiegħek, drag fuq iċ-ċelloli biex tpoġġi l-oġġetti, u kkopja s-CSS tal-grid flimkien mal-HTML korrispondenti bi klikk waħda.Kalkolatur ta' CSS clamp()Daħħal daqs għal skrins żgħar u kbar u rċievi valur fluwidu clamp() li jiskala b'mod uniformi bejniethom — għal daqsijiet ta' tipa, padding, margins jew gaps.Konvertitur tal-KulurIkkonverti kuluri bejn HEX, RGB, HSL, HSV, CMYK u LAB — editja kwalunkwe qasam u l-bqija jaġġornaw waqt li tikteb.