Über dieses Tool
Erzeuge ein reines CSS-Dreieck mit dem klassischen Border-Trick – wähle Richtung, Größe und Farbe und kopiere dann die Regel. Die Vorschau aktualisiert sich live und alles läuft in deinem Browser.
Häufig gestellte Fragen
Wie funktioniert der Border-Trick?
Ein Element mit Breite und Höhe von null zeigt nur seine Rahmen; macht man drei Rahmen transparent, bleibt ein farbiger Rahmen in Dreiecksform übrig.
Warum werden Breite und Höhe auf 0 gesetzt?
Ohne Boxfläche treffen sich die Rahmen im Zentrum, sodass der einzige sichtbare Rahmen zu einem sauberen Dreieck statt zu einer dicken Kante wird.