Der Randradius steuert die Rundheit der Elementecken. Unterschiedliche Radiuswerte erzeugen unterschiedliche Designgefühle: von scharf und professionell bis weich und freundlich.
Passen Sie jede Ecke einzeln mit den Schiebereglern an. Die Vorschau wird in Echtzeit aktualisiert. Kopieren Sie den CSS-Code für Ihr Projekt.
Frequently Asked Questions
Q: Kann ich für jede Ecke unterschiedliche Radien festlegen?
Kann ich für jede Ecke unterschiedliche Radien festlegen? Ja, verwenden Sie das Format: Rahmenradius: oben links, oben rechts, unten rechts, unten links.
Q: Was ist der beste Randradius für eine Karte?
Was ist der beste Randradius für eine Karte? 12-16px ist der optimale Bereich für Karten in den meisten modernen Designs.
Q: Welche Randradiuswerte sollte ich für verschiedene Elemente verwenden?
Welche Randradiuswerte sollte ich für verschiedene Elemente verwenden? Karten verwenden normalerweise 8–16 Pixel, Schaltflächen 4–8 Pixel, Modalitäten 12–20 Pixel und Avatare 50 % für Kreise. Verwenden Sie für größere Elemente größere Werte, um eine proportionale Konsistenz zu gewährleisten.
Q: Wie erstelle ich einen pillenförmigen Knopf?
Wie erstelle ich einen pillenförmigen Knopf? Stellen Sie den Randradius auf einen sehr großen Wert wie 999 Pixel ein. Der Browser begrenzt es auf die halbe Elementhöhe und erstellt automatisch eine Pillenform, unabhängig von der Schaltflächengröße.
Q: Kann ich an jeder Ecke unterschiedliche Radien anwenden?
Kann ich an jeder Ecke unterschiedliche Radien anwenden? Ja, mit den vier individuellen Ecksteuerelementen können Sie eindeutige Werte für „oben links“, „oben rechts“, „unten rechts“ und „unten links“ festlegen. Dies ist nützlich für richtungsweisende Designelemente.