CSS & Design

CSS-Dreieck

Zeichnet ein Dreieck mit CSS-Rahmen.

Im Browser

Das Dreieck wird in diesem Tab gezeichnet. Kopiere das CSS in dein Stylesheet.

Über dieses Werkzeug

Zeichnen Sie ein CSS-Dreieck und kopieren Sie den Rahmen-Trick.

Wählen Sie Richtung, Größe und Farbe. Die Form ist eine leere Box, deren Rahmen sich treffen. Der farbige Rahmen ist die sichtbare Fläche.

Es ist kein SVG und es gibt keine Datei zum Herunterladen. Ändern Sie die Pixelgröße hier und kopieren Sie die neue Regel.

Lesen Sie die Datenschutzzeile auf dieser Seite, bevor Sie das Ergebnis öffentlich verwenden.

Kurze Schritte

  1. Zeichnen Sie ein CSS-Dreieck und kopieren Sie den Rahmen-Trick.
  2. Wählen Sie Richtung, Größe und Farbe. Die Form ist eine leere Box, deren Rahmen sich treffen. Der farbige Rahmen ist die sichtbare Fläche.
  3. Es ist kein SVG und es gibt keine Datei zum Herunterladen. Ändern Sie die Pixelgröße hier und kopieren Sie die neue Regel.

Lesen Sie die Datenschutzzeile auf dieser Seite, bevor Sie das Ergebnis öffentlich verwenden.

FAQ

Zeichnen Sie ein CSS-Dreieck und kopieren Sie den Rahmen-Trick.

Wählen Sie Richtung, Größe und Farbe. Die Form ist eine leere Box, deren Rahmen sich treffen. Der farbige Rahmen ist die sichtbare Fläche.

Es ist kein SVG und es gibt keine Datei zum Herunterladen. Ändern Sie die Pixelgröße hier und kopieren Sie die neue Regel.

Lesen Sie die Datenschutzzeile auf dieser Seite, bevor Sie das Ergebnis öffentlich verwenden.

Ein nützlicher nächster Schritt

Richtlinien der Website: Datenschutz · Nutzungsbedingungen