CSS Dreieck-Generator
Erzeugen Sie CSS-Dreiecke mit der border-Eigenschaft. Unterstützt alle 8 Richtungen mit anpassbarer Größe und Farbe.
Richtung
Vorschau
CSS-Code
width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #3B82F6;
Anleitung
Richtung wählen
Dreiecksrichtung auswählen
Größe anpassen
Größe und Farbe anpassen
Kopieren
CSS-Code zur Verwendung kopieren
Funktionen
8 Richtungen
Dreiecke in 8 Richtungen einschließlich Diagonalen
Benutzerdefinierte Größe
Breite und Höhe unabhängig angeben
Live-Vorschau
Änderungen werden in Echtzeit in der Vorschau angezeigt
FAQ
🔗Verwandte Tools
Farbcode-Konverter
Konvertieren Sie zwischen HEX-, RGB- und HSL-Farbcodes. Verwenden Sie die Farbauswahl und Echtzeit-Vorschau für intuitive Farbwahl.
Farbwähler
Wählen Sie Farben intuitiv mit einem Farbrad und Schiebereglern. Farbcodes in HEX, RGB und HSL kopieren.
Bild-Farbextraktor
Dominante Farben aus einem Bild automatisch erkennen und eine Farbpalette erzeugen. Sie können auch auf eine beliebige Stelle im Bild klicken, um einzelne Farben aufzunehmen.
Bild-Durchschnittsfarbe-Picker
Berechnen Sie die Durchschnittsfarbe eines gesamten Bildes oder eines ausgewählten Bereichs. Nützlich für Farbschemata oder Thumbnail-Hintergrundfarben.
CSS Farbverlauf-Generator
Erstellen Sie CSS-Farbverläufe visuell mit Ziehsteuerung. Unterstützt lineare, radiale und konische Farbverläufe mit Vorlagen.
CSS Box-Shadow-Generator
Erstellen Sie CSS box-shadow visuell mit Schiebereglern. Unterstützt mehrere Schatten und Inset-Schatten.