Randradiusgenerator
generieren Ein border-radius CSS Generator-Tool zum schnellen Generieren von border-radius CSS-Deklarationen.
Preview
Border Radius
Customize me
CSS Ausgabe
border-radius: 10px;
Radius steuert
Einzelne Ecken
10px
10px
10px
10px
Einheitlicher Radius
10px
Schnellformen
Units
Presets
Square
Leicht gerundet
Rounded
Pill
Circle
Oben Abgerundet
Unten Abgerundet
Links Abgerundet
So verwenden
die grundlegenden Steuerelemente
- Passen Sie einzelne Eckradien mit den Schiebereglern
- an Verknüpfen Sie Radien, um alle Ecken gleichzeitig
- Verwenden Sie die Quick Shapes-Tasten für gängige Voreinstellungen
- Choose between pixels (px), percentages (%), and EM (em) units
Erweiterte Funktionen
- Speichern und laden Sie Presets für den schnellen Zugriff auf Ihre Lieblingsformen
- Click Zufälliger Radiuszur Inspiration
- Kopieren Sie den generierten CSS-Code und fügen Sie ihn in Ihr Projekt
- Umschalten des Dunkelmodus für komfortables Late-Night-Design
Related Tools
CSS3-Transformationen mühelos erstellen
Ein leistungsstarkes, intuitives Tool zum Erstellen komplexer CSS3-Transformationen, ohne Code schreiben zu müssen. Visualisieren Sie Änderungen in Echtzeit und kopieren Sie das generierte CSS, um es in Ihren Projekten zu verwenden.
CSS3-Übergangsgenerator
Reibungsloser Übergang
Stylus-zu-CSS-Konverter
Schnell, einfach und sicher.
Schöne CSS-Textverläufe mühelos erstellen
an Erstellen Sie atemberaubende Textverlaufseffekte für Ihre Website
Pantone-zu-RGB
Hex zu Oktal
Konvertieren Sie Hexadezimalzahlen mühelos