Randradiusgenerator
Ein border-radius CSS-Generator-Tool zum schnellen Generieren von border-radius CSS-Deklarationen.
Preview
CSS Ausgabe
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Clip Pfad Steuerelemente
Grundformen
Formeigenschaften
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Verwenden
grundlegenden Steuerelemente
- Auswählen einer Grundeinstellung Form aus dem Bedienfeld
- Anpassen von Formparametern mit den Schiebereglern
- Ziehen Sie die Kontrollpunkte in der Vorschau, um die Form des Clip-Pfads
- Hinzufügen von Punkten zu benutzerdefinierten Formen mit dem Modus
" Erweiterte Funktionen
- Speichern und Laden von Voreinstellungen für den schnellen Zugriff auf Ihre Lieblingsformen
- Animieren Sie Ihre Clip-Pfade mit benutzerdefinierter Dauer, Beschleunigung und Iterationen
- 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