Dreieck mit CSS - relative Größe im Verhältnis zum Container

Hi zusammen,

ich suche nach einer Möglichkeit, mittels CSS ein Dreieck zu zeichen, dass sowohl eine relative Höhe als auch Breite (in bezug auf sein Parent) hat. Dabei soll es seinen vollständigen Container (z. B. <div&gt:wink: ausfüllen. Es soll also kein gleichseitiges Dreieck sein, Höhe und Breite ändern sich beide, bei Veränderung der Größe des Containers.

Dazu habe ich schon super viel herumgesucht, aber bisher nichts passendes gefunden. Bei allen Lösungen, die ich gefunden habe, war irgendetwas das noch nicht relativ.

Hat von euch jemand eine Idee, wie man das bewerkstelligen kann?

Grüße

powerblue