Darmowe, bez konta
CSS Generator promienia granicznego
Kształtuj każdy narożnik niezależnie, uwzględniając eliptyczne promienie poziome i pionowe. Wyświetl podgląd wyniku i skopiuj kompaktowy plik CSS.
Jak wygenerować wartości CSS border-radius?
Wybierz piksele lub wartości procentowe, dostosuj promień poziomy i pionowy dla każdego narożnika, a następnie skopiuj wygenerowaną deklarację border-radius. CSS może proporcjonalnie normalizować nakładające się promienie, aby dopasować je do elementu.
Często zadawane pytania
Jak wygenerować wartości CSS border-radius?
Wybierz piksele lub wartości procentowe, dostosuj promień poziomy i pionowy dla każdego narożnika, a następnie skopiuj wygenerowaną deklarację border-radius. CSS może proporcjonalnie normalizować nakładające się promienie, aby dopasować je do elementu.
Czy mój plik CSS lub projekt został przesłany?
Nie. Na tej karcie przeglądarki generowany jest podgląd i CSS. Nie ma przesyłania, konta, wywołania API ani automatycznego zapisywania.
Czy każdy narożnik może mieć inny promień?
Tak. Ustaw oddzielną wartość poziomą i pionową dla lewego górnego, prawego górnego, prawego dolnego i lewego dolnego rogu.
Co oznacza ukośnik w border-radius?
Oddziela promienie poziome od promieni pionowych, tworząc narożniki eliptyczne. Jeśli każdy narożnik używa tej samej wartości poziomej i pionowej, generator pomija ukośnik.
Dlaczego podgląd może wyglądać na mniejszy niż wartości?
CSS proporcjonalnie normalizuje promienie, które nakładałyby się na krawędzi. Jest to standardowe zachowanie przeglądarki, które zastosowano również w tej wersji zapoznawczej.