CSS Clip-Path-Generator
Erstellen Sie CSS clip-path-Formen visuell per Drag-and-Drop. Mit Polygon, Kreis, Ellipse und Vorlagen wie Stern und Herz.
Formtyp
Voreinstellungen
Vorschau
Punkte ziehen zum Verschieben, Doppelklick zum Hinzufügen/Entfernen
Steuerung
Punkteliste
Erzeugter CSS-Code
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);Anleitung
Form wählen
Die clip-path-Form auswählen
Punkte anpassen
Punkte ziehen um die Form anzupassen
Kopieren
CSS-Code zur Verwendung kopieren
Funktionen
Ziehen zum Bearbeiten
Punkte ziehen um die Form frei zu verändern
Grundformen
Unterstützt Kreis, Ellipse, Polygon, Inset
Voreinstellungen
Vorlagen wie Stern, Pfeil, Herz
FAQ
🔗Verwandte Tools
Farbcode-Konverter
Konvertieren Sie zwischen HEX-, RGB- und HSL-Farbcodes. Verwenden Sie die Farbauswahl und Echtzeit-Vorschau für intuitive Farbwahl.
Farbwähler
Wählen Sie Farben intuitiv mit einem Farbrad und Schiebereglern. Farbcodes in HEX, RGB und HSL kopieren.
Bild-Farbextraktor
Dominante Farben aus einem Bild automatisch erkennen und eine Farbpalette erzeugen. Sie können auch auf eine beliebige Stelle im Bild klicken, um einzelne Farben aufzunehmen.
Bild-Durchschnittsfarbe-Picker
Berechnen Sie die Durchschnittsfarbe eines gesamten Bildes oder eines ausgewählten Bereichs. Nützlich für Farbschemata oder Thumbnail-Hintergrundfarben.
CSS Farbverlauf-Generator
Erstellen Sie CSS-Farbverläufe visuell mit Ziehsteuerung. Unterstützt lineare, radiale und konische Farbverläufe mit Vorlagen.
CSS Box-Shadow-Generator
Erstellen Sie CSS box-shadow visuell mit Schiebereglern. Unterstützt mehrere Schatten und Inset-Schatten.