Handytool
Dla programistówZa darmoDziała lokalnie

Generator CSS border-radius

Projektuj CSS border-radius — uniform, per-corner, elliptical — live preview.

Podgląd
CSS
border-radius: 16px;
Tryb
Jednostka

Tryb na róg kontroluje każdy róg niezależnie; eliptyczny dzieli promienie poziome i pionowe.

O Generator CSS border-radius

Generator border-radius Handytool shape element corners ze sliders. Uniform do rounded box, per-corner do asymmetric pills, elliptical do blob shapes. Preview live, CSS jedno klikni

Funkcje: Generator CSS border-radius

  • 01

    Uniform i per-corner

    Uniform jeden radius. Per-corner każdy niezależnie.

  • 02

    Elliptical (X/Y)

    Specify horizontal i vertical radius — blob shapes.

  • 03

    Trzy jednostki

    px, %, rem — percentage values scale.

Generator CSS border-radius – FAQ

px vs %?
Pixel absolutne. Percentage relative do element width/height.
Kiedy elliptical?
Corner bulging na jednej osi — horizontal pill czy blob.
Percent źle non-square?
Relative do corresponding side — horizontal do width.
Wszędzie?
Tak — wszystkie nowoczesne przeglądarki.

Powiązane narzędzia

Dla programistów →

Odkryj inne narzędzia

Wszystkie narzędzia →