CSS Dreieck Generator mit Border-Technik
Ein CSS Dreieck (Border-Trick) mit Richtung, Größe und Farbe generieren.
🔒 100 % clientseitig — keine Daten gesendet
Erstellen Sie ein CSS Dreieck mit der Border-Technik und kopieren Sie direkt einfügbaren Code. Wählen Sie Richtung, Größe und Farbe mit sofortiger Vorschau. Perfekt für Pfeile, Tooltips und Zeiger, vollständig in Ihrem Browser generiert.
What is it for?
- ▸ Pfeile und Zeiger ohne Bilder erstellen
- ▸ Einem Tooltip oder einer Chat-Blase eine Spitze hinzufügen
- ▸ Richtung, Größe und Farbe des Dreiecks wählen
- ▸ Leichtgewichtiges, breit kompatibles reines CSS kopieren
FAQ
Wie wird ein Dreieck in CSS erstellt?
Indem einem Element Breite und Höhe null gegeben werden und nur ein einzelner Border eingefärbt wird, während die anderen transparent bleiben.
Kann ich die Richtung des Dreiecks ändern?
Ja, wählen Sie einfach, welcher Border eingefärbt wird, damit das Dreieck nach oben, unten, links oder rechts zeigt.
Ist dieses Dreieck mit allen Browsern kompatibel?
Ja, die Border-Technik ist etabliert und wird von allen Browsern unterstützt, auch von älteren.
Related tools
Seitenverhältnis · Rechner Ein Seitenverhältnis (16:9…) berechnen und eine fehlende proportionale Abmessung ableiten. Barcode-Generator Einen Barcode (EAN-13, Code128, UPC) aus einem Wert generieren, herunterladbar, direkt im Browser. Base64 → Bild Eine data URI oder Base64 in ein anzeigbares, herunterladbares Bild dekodieren, direkt im Browser. CSS border-radius · Generator Erstellen Sie abgerundete CSS Ecken (border-radius) mit Live-Vorschau und kopierfertigem Code. CSS box-shadow · Generator Generieren Sie einen CSS box-shadow mit Live-Vorschau und kopierfertigem Code. Green-Screen-Entferner Machen Sie eine Hintergrundfarbe (Green-/Blue-Screen) transparent und exportieren Sie ein PNG in Ihrem Browser.