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

CSS-pillide / staadioni kuju 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

See leht avab piiriraadiuse generaatori, mille kõik neli nurka on lingitud ja surutud väga suure raadiusega: 999 pikslit. Tüüpilise nupusuuruse ristküliku puhul lõikab brauser nii suure raadiuse täpselt poole kasti kõrguseni, mis annab pigem täielikult ümara pilli või staadioni kuju kui kergelt ümarate nurkadega ruudu.

Seetõttu ei vaja pillinupud täpset raadiuse väärtust, mis on häälestatud iga nupu kõrgusele – iga number, mis on mugavalt suurem kui pool kõrgusest, annab identse kärbitud tulemuse, mistõttu on 999 pikslit (või isegi 9999 pikslit) saanud mitteametlik kogukonna lühene, mis tähendab CSS-is „sellest lõpuni”.

Muutke oma paigutuse järgi kasti suurust ja seesama 999 pikslit toodab jätkuvalt täis pilli igal kõrgusel, kuna brauser klipib alati automaatselt poole kasti külge. Kopeerige CSS, kui see tundub õige, või ühendage nurgad lahti, et luua selle asemel asümmeetriline kapsel.

🛡️
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.