Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
CSS-clip-path für Polygone
Polygonpunkte ziehen oder ihre Koordinaten eingeben, den Ausschnitt direkt ansehen und passendes CSS exportieren.
Punkte ziehen oder mit Pfeiltasten bewegen. Umschalt vergrößert die Schrittweite. Koordinaten lassen sich auch direkt eingeben.
CSS
Über dieses Tool
Entwerfen Sie schräge Flächen oder geometrische Abzeichen ohne zusätzliche Bildmaske.
Anwendung
Starten Sie mit Dreieck, Raute, Sechseck oder einer anderen Vorlage. Ziehen Sie die Punkte oder bearbeiten Sie ihre X/Y-Prozentwerte; Punkte lassen sich hinzufügen und entfernen. Mit Tab fokussierte Punkte können per Pfeiltasten bewegt werden, mit Umschalt in größeren Schritten.
Ein Polygon besteht aus 3–32 Punkten mit Koordinaten von 0–100 %. Sie werden in Listenreihenfolge verbunden und geschlossen. Kopieren oder speichern Sie das angezeigte clip-path: polygon(...). Kurvenpfade oder fertig zugeschnittene Bilddateien werden nicht erzeugt.
Häufige Fragen
Sind Kurven oder Punkte außerhalb der Box möglich?
Der Editor unterstützt Polygone mit 3–32 Punkten und Koordinaten von 0% bis 100%. Kurven und außerhalb liegende Punkte werden nicht unterstützt.
Warum entstehen nach dem Verschieben unerwartete Einschnitte im Polygon?
Die Punkte werden in der Reihenfolge der Liste verbunden; der letzte wird wieder mit dem ersten verbunden. Wird ein Punkt über eine andere Kante gezogen, können sich Kanten kreuzen. Beginnen Sie mit einer Vorlage und halten Sie die Punkte in ihrer Reihenfolge entlang des Umrisses. Mindestens drei Punkte müssen übrig bleiben.
Verwandte Werkzeuge
Wird in einem neuen Tab geöffnet
Kommentare
0