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.
Less-zu-CSS-Konverter
Wandeln Sie Ihren Less-Code in CSS um. Schnell, einfach und sicher.
Perfekte Flexbox-Layouts erstellen
Visualisieren, anpassen und generieren Sie CSS-Flexbox-Code mit unserer intuitiven Drag-and-Drop-Oberfläche.
Pantone-zu-HEX
Konvertieren von Pantone-Farben in HSV-Werte für eine präzise Farbsteuerung
SHA-2-Hash-Rechner
generieren SHA-2-Hashes schnell und einfach
Hex zu Text
Konvertieren Sie die Hexadezimaldarstellung mühelos