CSS Pfeil-Generator

Mit diesem CSS Pfeil-Generator erstellen Sie mehrere Pfeilstile, darunter gefüllte clip-path-Pfeile und Linienpfeile mit Pseudo-Elementen. Passen Sie Richtung, Gesamtlänge, Pfeilkopfgröße, Pfeilkopflänge, Schaftstärke, Farbe, Verlauf und optionalen Rahmen an, sehen Sie Änderungen in Echtzeit und kopieren Sie den generierten CSS-Code.

Anpassung


{{ startColor }}
{{ endColor }}

Vorschau

{{ arrowWidth }} x {{ arrowHeight }} px

CSS