Najlepsze wolne Generator radiusza granicznego CSS
Okrągłe narożniki elementu wizualnie - per-corner lub powiązane, px/%/em - z podglądem i kopią na żywo.
100% bezpłatny
Brak rejestracji
Brak znaku wodnego
✨
Go Pro dla najlepszych modeli AI - obraz, wideo i czat - plus większe przesyłki, priorytet w kolejce i bez czekania.
Uaktualnij do pro
Miłość Best.Free? Podziel się nim.
Jak działa
- Ustaw narożniki. Przeciągnij każdy suwak na rogu, lub trzymaj Link wszystkie narożniki, aby je przenieść razem.
- Obserwuj podgląd. Pole live kręci się podczas przeciągania; przełącz px,% lub em w opcjach zaawansowanych.
- Kopiuj CSS. Hit Copy CSS i wklej zasadę granicznego radius do stylu stylu.
O tym narzędziu
Zaokrągnij rogi elementu dokładnie tak, jak chcesz. Przeciągnij suwak dla każdego z czterech narożników - lub utrzymaj je powiązaną tak, aby jeden suwak przesunął wszystkie cztery - podczas gdy żywy podgląd pokazuje wyniki. Kopiuj graniczne radius CSS, który upada do jednej wartości, gdy każdy narożnik pasuje do formy cztery wartości, gdy się różnią. Zaawansowane opcje przełączają jednostkę między px,% a em, więc możesz również budować kształty pigułek i zaokrąglowanie oparte na procentach.
Po co ludzie go używają
- Okrągły kart, przycisk i narożniki obrazu
- Stwórz tabletkę lub w pełni zaokrąglony kształt
- Ustaw różne promienie na poszczególnych narożnikach
- Użyj zaokrąglania procentowego w kręgach i owalnych
Często zadawane pytania
Tak. Wyłącz Link wszystkie narożniki i każdy suwak steruje jednym rogiem; CSS wykorzystuje formę czterech wartości (w górnej lewej, w górnej prawej, dolnej prawej, dolnej lewej).
Z nim włączone, przeciąganie każdego suwaka przesuwa wszystkie cztery narożniki razem i CSS zapada do jednej wartości.
Pole procentowe w stosunku do wielkości pudełka, więc 50% na kwadracie robi okrąg i skala z elementem. Pikseli dają stały promień.
Ustawić duży promień na wszystkich rogach; dla prawdziwej pigułki, promień pół wysokości elementu - lub 50% - zaokrąglować końca całkowicie.
Nie. Suwaki obliczają strunę CSS lokalnie w twojej przeglądarce.
Całkowicie bezpłatny, bez konta i bez ograniczeń - narzędzie klienta bez niczego do mierzenia.
Tak. Uruchamia on w przeglądarce, więc CSS Granicowy Radius Generator pracuje na telefonach, tabletach, jak również na pulpitie - nie ma aplikacji do instalowania.
Zazwyczaj tylko kilka sekund dla pliku typowego - generator radiusu CSS rozpoczyna pracę w momencie, gdy dasz mu swój wejście.
Nieograniczone użycie pod hojnym kapeluszkiem, który dba o szybkie utrzymanie.
Wszystkie nowoczesne przeglądarki - Chrome, Safari, Firefox i Edge. Generator radiusu CSS wymaga nic zainstalowanego poza przeglądarką, którą już używasz.