toolbin_

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.