Handytool
Pro vývojářeZdarmaSpouštěno lokálně

Generátor CSS Border-radius

Navrhněte CSS border-radius — jednotný, na roh, eliptický — live náhled.

Náhled
CSS
border-radius: 16px;
Režim
Jednotka

Režim na roh řídí každý roh individuálně; eliptický dělí vodorovné a svislé poloměry.

O Generátor CSS Border-radius

Generátor border-radius Handytool shape element rohy s posuvníky. Jednotný zaoblený box, na roh asymetrické pilulky, eliptický blob shapes. Náhled live, CSS jedním klikem.

Funkce: Generátor CSS Border-radius

  • 01

    Jednotný a na roh

    Jednotný jeden poloměr. Na roh každý nezávisle.

  • 02

    Eliptický (X/Y)

    Specify vodorovný a svislý poloměr — blob shapes.

  • 03

    Tři jednotky

    px, %, rem — percentage values scale.

Generátor CSS Border-radius – časté dotazy

px vs %?
Pixel absolutní. Percentage relative k element width/height.
Kdy eliptický?
Roh vyklenutí na jedné ose — horizontální pilule či blob.
Percent špatně non-square?
Relative k corresponding straně — horizontální k width.
Všude?
Ano — všechny moderní prohlížeče.

Související nástroje

Pro vývojáře →

Prozkoumat další nástroje

Všechny nástroje →