Beste gratis CSS-grensstraalgenerator
Ronde element hoeken visueel.. per hoek of gekoppeld, px/%/em.. met live preview en kopie.
100% vrij
Geen aanmelding
Geen watermerk
✨
Ga Pro voor de beste AI modellen.. image, video en chat.. plus grotere uploads, prioriteit in de wachtrij en geen wachten.
Upgrade naar Pro
Liefde Best.Free? Deel het
Hoe het werkt
- De hoeken instellen. Sleep elke hoek schuifregelaar, of houd Link alle hoeken op om ze samen te bewegen.
- Bekijk het voorbeeld. De live box rondes als je sleept; schakel px, % of em in Geavanceerde opties.
- Kopiëren van het CSS. Druk op CSS kopiëren en plak de regel van randradius in uw stylesheet.
Info over dit hulpprogramma
Om de hoeken van een element precies hoe je ze wilt. Sleep een schuifregelaar voor elk van de vier hoeken
Waarvoor gebruiken mensen het?
- Ronde kaart, knoop en afbeelding hoeken
- Maak een pil of volledig afgeronde vorm
- Verschillende radii instellen op individuele hoeken
- Gebruik percentage afronding voor cirkels en ovalen
Veelgestelde vragen
Ja. Zet alle hoeken en elke schuifregelaar schakelt één hoek uit; de CSS gebruikt dan de vierwaarde vorm (boven-links, rechtsboven, rechtsonder, linksonder).
Met het aan, sleept elke schuifregelaar alle vier hoeken samen en de CSS instorten tot een enkele waarde.
Percentage rondes ten opzichte van de grootte van de doos, dus 50% op een vierkant maakt een cirkel en het schubben met het element. Pixels geven een vaste straal.
Stel een grote straal op alle hoeken; voor een echte pil, een straal van de helft van het element hoogte.. of 50%..rondt de uiteinden volledig.
Nee. De schuifregelaars berekenen een CSS-tekenreeks lokaal in uw browser.
Volledig gratis, geen account en geen grenzen.. een client-side tool met niets te meten.
Ja. Het draait in uw browser, dus CSS Border Radius Generator werkt op telefoons en tablets, evenals desktop.. Er is geen app te installeren.
Meestal slechts een paar seconden voor een typisch bestand.. CSS Border Radius Generator begint te werken op het moment dat u uw invoer.
Het gebruik van de mutsen is onbeperkt, onder een royale pet die het voor iedereen snel houdt.
Alle moderne browsers.. Chrome, Safari, Firefox en Rand. CSS Border Radius Generator hoeft niets geïnstalleerd buiten de browser die u al gebruikt.