Sich zeichnendes Dreieck
Eine Dreieckskontur, die sich selbst zeichnet, mittendrin die Farbe wechselt und dann wieder verschwindet.
Einstellungen
Code
<svg class="ul-tri" viewBox="0 0 100 100"><path d="M50 12 L90 84 L10 84 Z" pathLength="100"/></svg>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Loader
Wofür du ihn nutzen kannst
Ein Dreieck liest sich je nach Umfeld als Berg, Dach oder Play-Symbol. Darum passt dieser SVG-Loader zu einem Outdoor-Shop, zur Buchungsseite einer Berghütte oder zur Website eines Architekturbüros. Die Linie zeichnet sich, wechselt auf halbem Weg die Farbe und löscht sich dort, wo sie begonnen hat, alles mit CSS.
Klare, minimalistische Layouts stehen ihm am besten, denn die einzelne Linie braucht Raum. Soll er präsenter sein, erhöh lieber die Größe als das Tempo. Ein schnelles Dreieck erinnert eher an ein Warnschild als an eine Pause.