CSS-Dreieck-Generator

CSS-Dreiecke mit dem Border-Trick erzeugen.

RichtungBreite: 80pxHöhe: 60pxFarbe

width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 60px solid #6366f1;

Erstelle ein reines CSS-Dreieck in beliebiger Richtung, Größe und Farbe und kopiere den Border-Code.

Anleitung

Wähle eine Richtung und Größe.
Wähle eine Farbe.
Kopiere das CSS.

Häufige Fragen

Wie funktioniert es?: Es verwendet transparente Ränder an einem Element mit Größe null und färbt nur eine Seite.
Kann ich es für Pfeile verwenden?: Ja, CSS-Dreiecke sind üblich für Tooltips und Dropdown-Pfeile.

Ähnliche Tools