CSS border-radius-generator
Maak complexe border-radius-waarden in CSS op een visuele manier. Onafhankelijke controle over elke hoek.
border-radius: 20px 20px 20px 20px;
Wat is de CSS border-radius-generator?
De CSS-eigenschap border-radius accepteert tot vier waarden, één per hoek, in de volgorde linksboven, rechtsboven, rechtsonder en linksonder. Combineer verschillende radiussen voor organische druppelvormen, asymmetrische kaarten of stijlen in de vorm van een tekstballon. Met deze tool kunt u elke hoek met schuifregelaars instellen en het resultaat in realtime zien.
Veelgestelde vragen
Hoe zit het met elliptische radiussen?▼
Gerelateerde tools
Kleurconverter (HEX/RGB/HSL)
Zet kleuren om tussen de formaten HEX, RGB en HSL. Kies een kleur visueel of voer de waarden handmatig in.
CSS box-shadow-generator
Maak box-shadow-waarden in CSS op een visuele manier. Bekijk een realtime voorvertoning en kopieer de gegenereerde CSS.
CSS-verloopgenerator
Maak lineaire en radiale CSS-verlopen. Kies de kleuren op visuele wijze en kopieer de gegenereerde CSS.
Cubic-bezier-versnellingscurvegenerator
Maak cubic-bezier-versnellingscurves voor CSS. Inclusief standaard voorinstellingen.
Kleurpaletgenerator
Genereer harmonieuze kleurpaletten op basis van een willekeurige basiskleur. Ondersteunt complementaire, analoge, triadische en monochromatische schema's.
CSS clamp()-generator
Genereer vloeiende, responsieve CSS-waarden met clamp(). Schaalt soepel tussen minimum- en maximumformaten over de viewportbereiken heen.