Handytool
FejlesztőknekIngyenesHelyi futtatás

Border Radius generátor

Állítsa be és tekintse meg az előnézetét a CSS border-radius-nak az egyéni sarkok és alakzatokhoz.

Előnézet
CSS
border-radius: 16px;
Mód
Egység

A sarokonkénti mód minden sarkot külön-külön vezérel; az elliptikus osztja a vízszintes és függőleges sugarakat.

Border Radius generátor – áttekintés

A Handytool border-radius generátora lehetővé teszi az elem minden sarkának görbességét, vagy egy egységes border-radius alkalmazott. Állítsa be az egyes sarkok sugarait, tekintse meg az előnézetét egy kvadrátumú elemhez az testreszabható háttérrel, és másolja a teljes CSS tulajdonságot. Támogatja a kör alakú sugarakat (50%) és az elliptikus sugarakat (50% 30%) az összetettebb alakzatokhoz.

Border Radius generátor – funkciók

  • 01

    Független sarok vezérlés

    Állítsa be a felső-bal, felső-jobb, alul-jobb és alul-bal sarokkat külön-külön, vagy alkalmazzon azonos sugarat a gyors egyenletességhez.

  • 02

    Elliptikus forma támogatása

    Állítson be két értéket (vízszintes és függőleges) bármelyik sarkhoz az elliptikus görbékhez — tökéletes az organikus alakzatokhoz és modern gombokhoz.

  • 03

    Élő előnézet egységekkel

    Tekintse meg, hogyan néznek ki a sarkok px, %, em vagy más CSS egységek valós időben az átméretezhető előnézeten.

Border Radius generátor – GYIK

Hozhatok létre tökéletes kört?
Igen. Állítsa a border-radius-t 50%-ra egy négyzeten (szélesség = magasság) az tökéletes körért.
Használhatok különböző egységeket?
Igen. Kevedje px, %, em, rem és más CSS egységeket — a böngésző az elemmérethez viszonyítva értékeli ki őket.
Mi a különbség az 50% és az 50% 30% között?
Az első egy 50%-os kör alakú sugár. A második egy elliptikus sugár 50% vízszintesen és 30% függőlegesen.
Hogyan másolom az rövidítés szintaxist?
A Handytool az rövidítés szintaxist generálja az Ön számára — ha minden sarok azonos, csak egy értéket mutat; ha eltérőek, párokat mutat.

Kapcsolódó eszközök

Fejlesztőknek →

Fedezz fel más eszközöket

Összes eszköz →