CSS-Dreieck-Generator

CSS-Dreiecke werden mit dem Border-Trick erstellt — ein Element mit Breite und Höhe von null und farbigen/transparenten Rahmen bildet ein Dreieck. Dieses Tool ermöglicht die Auswahl von Richtung, Größe und Farbe und generiert sofort den CSS-Code.

Alle Generator-Tools durchsuchen

Anleitung

Wählen Sie eine Richtung (Oben, Unten, Links, Rechts oder diagonal), passen Sie die Breiten- und Höhenregler an, wählen Sie eine Farbe und kopieren Sie den generierten CSS-Code. Fügen Sie ihn in Ihr Stylesheet ein und wenden Sie die .triangle-Klasse an.

Häufige Anwendungsfälle

• •Pfeilindikatoren und Zeiger in der Benutzeroberfläche erstellen
• •Tooltip-Pfeile und Dropdown-Carets erstellen
• •Dekorative diagonale Abschnittsteiler gestalten
• •Breadcrumb-Trennzeichen und Chevron-Symbole erstellen
• •Reine CSS-Sprechblasen mit Dreiecksschwänzen