Ist es möglich, flüssige Grenzen in CSS zu machen? Ich zeichne ein Dreieck und möchte 50% Breite und 50% Höhe der Seite abdecken.

Question

Hier ist, was Im das Dreieck

#triangle-topright { 
    width: 0; 
    height: 0; 
    border-top: 400px solid white; 
    border-right: 600px solid transparent; 
    position:absolute; 
    right:0; top:0; 
    opacity: 0.24; 

} 

Idealerweise möchte ich border-top machen mit 50% Höhe und border-right: 50% Breite, aber das ist nicht so vorhanden ist .. Gibt es eine Möglichkeit um dies zu tun? Oder verwende ich besser ein Vektor-Dreiecksbild und skaliere es auf 50%, 50%?

Answer 1

Vielleicht haben Sie es nicht gut erklärt, aber Sie können keine nicht rechteckige Form mit CSS border erstellen. Ein Vektor-Dreieck oder ein großes transparentes Gif ist Ihre beste Wahl. Alternative verwenden Sie eine Schriftart mit einem Dreieck Sonderzeichen und machen Sie die Schriftgröße sehr groß.