⭐ 0
🔍
Tekst Pilt PDF ja dokumendid Heli Muusika Elektroonika Aeg Kommunaalteenused Validaatorid Esoteeriline Mängud

Piiriraadiuse generaator

Kujundage CSS-i piiriraadiust visuaalselt: neli sõltumatut nurgaliugurit pikslites või protsentides, link-all-corners otsetee vahetute ringide ja pillide jaoks ning orgaaniline blob-režiim juhuslike kujunditega.

12px
12px
12px
12px
Töötlemine... 0%

Tulemus

Piiriraadiuse deklaratsioon võib võtta kuni neli sõltumatut nurgaväärtust pluss valikulise kaheksa väärtusega kaldkriipsu süntaksi orgaaniliste kõverate jaoks – rohkem liikuvaid osi, kui enamik inimesi mõistab, kuni neil on vaja midagi peale lihtsa ümardatud kaardi. See generaator kuvab kõik need osad ekraanile: neli nurgaliugurit oma piksli- või protsendiühikuga, link-all-corners otsetee sümmeetriliste kujundite jaoks ja blob-režiim kujundite jaoks, mida ükski raadiuse väärtus ei saa väljendada.

Nurkade režiim hõlmab kujundeid, milleni inimesed tegelikult küünivad: linkige iga nurk ühe liuguriga, et luua täiuslikud ringid, pillid ja squircles, või tühistage nende linkimine, et ümardada ainult rippmenüü paneeli ülaosa või ainult üks kaardi pool. Kujundi taga olev malelaua eelvaade, mida saab vahetada heleda ja tumeda tausta vahel, teeb selgeks, millised nurgad mis tahes raadiuses ära lõigatakse – läbipaistvuse näitamiseks kasutavad sellel saidil samad visuaalsed trikifailitööriistad.

Blob-režiim on teine pool: CSS-i kaheksa väärtusega kaldkriipsu süntaks laseb iga nurga horisontaal- ja vertikaalraadiusel erineda, mis muudab ümara ristküliku orgaaniliseks, ebakorrapäraseks kontuuriks. Vajutage igal ajal värske kuju saamiseks nuppu Randomize ja kopeerige selle taga olev täpne CSS – see ei hõlma SVG eksporti ega välist teeki. Eelseadistatud lehed hõlmavad taotlusi, mille inimesed tegelikult otsingukasti sisestavad: täiuslik ring, staadionikujuline pillinupp, iOS-i stiilis squircle ja valmis orgaaniline plekk.

Nagu kõik sellel saidil olevad tööriistad, töötab see täielikult teie brauseris: pole üleslaadimist ega kontot ning generaator töötab pärast lehe laadimist võrguühenduseta.

🛡️
Teostatud brauseris

Teie failid ja sisendid ei lahku sellest seadmest kunagi. Töötlemine toimub täiesti võrguühenduseta. 100% turvaline.

Aktsepteeritud vormingud ja reeglid

  • Nurkade režiim: sõltumatud üleval-vasak-, üleval-paremal-, all-paremal- ja all-vasakpoolsed raadiuse liugurid, millest igaüks on vahetatav piksli ja protsendi ühikute vahel.
  • Link-all-corners märkeruut, mis juhib iga nurga ühest liugurist, pluss malelaua eelvaade heledal või tumedal taustal, nii et kärbitud nurgad jäävad nähtavaks.
  • Blob-režiim nupuga Juhuslikuks muutmine, mis loob orgaanilisi kaheksa väärtusega kaldkriipsu süntaksi kujundeid, mis on kuvatud suurena ja valmis kopeerimiseks CSS-ina.

Peamised eelised

✓ Iga liugur värskendab otseülekannet ja CSS-i rida koheselt, nii et te ei pea kunagi arvama, milline 12px 40% 8px 24% tegelikult välja näeb.
✓ Link-all-corners otsetee muudab ühe liuguri täiuslikuks ringiks, pilliks või squirkliks ilma ülejäänud kolme nurka käsitsi puudutamata.
✓ Blob-režiim genereerib orgaanilisi, juhuslikult valitud kujundeid CSS-i kaheksa väärtusega kaldkriipsu süntaksiga – välimus, mida üks piiriraadiuse väärtus ei suuda kunagi luua.

Kasutusjuhtumid

  • • Sisestage kaardi neli nurgaraadiust sõltumatult – ümardage ainult rippmenüü paneeli ülaosa või ainult vahelehe üks külg.
  • • Ühendage kõik neli nurka ühe liuguriga, et luua sekunditega täiuslik ring, staadionikujuline pillinupp või iOS-i stiilis squirling.
  • • Lülitage blob-režiimi ja vajutage nuppu Juhuslik, kuni kangelase kujutise või avatari taga olevale tühjale kohale mahub orgaaniline kujund, seejärel kopeerige CSS.