Grensradiusgenerator

Een grensradiusdeclaratie kan maximaal vier onafhankelijke hoekwaarden bevatten plus een optionele slash-syntaxis van acht waarden voor organische curven - meer bewegende delen dan de meeste mensen zich realiseren totdat ze iets nodig hebben dat verder gaat dan een simpele afgeronde kaart. Deze generator zet al deze onderdelen op het scherm: vier hoekschuifregelaars met hun eigen px- of procent-eenheid, een snelkoppeling naar alle hoeken voor symmetrische vormen, en een blob-modus voor vormen die geen enkele straalwaarde kan uitdrukken.

De modus Hoeken omvat de vormen waar mensen daadwerkelijk naar reiken: koppel elke hoek aan één schuifregelaar voor perfecte cirkels, pillen en kronkels, of ontkoppel ze om alleen de bovenkant van een vervolgkeuzepaneel of slechts één zijde van een kaart rond te maken. Een schaakbordvoorbeeld achter de vorm, schakelbaar tussen een lichte en donkere achtergrond, maakt precies duidelijk welke hoeken bij welke straal dan ook worden weggeknipt - dezelfde visuele trucbestandstools op deze site die worden gebruikt om transparantie weer te geven.

De Blob-modus is de andere helft: de CSS-syntaxis met acht waarden zorgt ervoor dat de horizontale en verticale stralen van elke hoek het niet met elkaar eens zijn, wat een afgeronde rechthoek in een organische, onregelmatige omtrek verandert. Druk op Willekeurig voor een nieuwe vorm op elk gewenst moment en kopieer de exacte CSS erachter - er is geen SVG-export of externe bibliotheek bij betrokken. Vooraf ingestelde pagina's omvatten de verzoeken die mensen daadwerkelijk in een zoekvak typen: een perfecte cirkel, een stadionvormige pillenknop, een cirkel in iOS-stijl en een kant-en-klare organische klodder.

Zoals elke tool op deze site draait deze volledig in uw browser: geen upload, geen account, en de generator blijft offline werken zodra de pagina is geladen.