[ERLEDIGT] Bild als Dreieck anzeigen?

[kristalljunge]

Hey allerseits,

mit transform und border krieg ich es hin ein Dreieck zu erstellen, aber besteht die Möglichkeit ein Bild als Dreieck darstellen zu lassen?


Dieses Dreieck hätte ich gerne, nur dass der schwarze Bereich halt mit einem Bild bzw. Hintergrundbild gefüllt ist.
Sobald ich da mit "border-image" arbeite, wird's zum Viereck...


width: 0px;
height: 0px;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 350px 200px 0 200px;
border-color: #000000 transparent transparent transparent;

 

[SpiceLab]

besteht die Möglichkeit ein Bild als Dreieck darstellen zu lassen?

Hier wird es sich vermutlich genauso verhalten, wie in deinem Thema "Nur ein Bereich des Bilder in S/W?", das im Grafikprogramm umzusetzen.

 

[kristalljunge]

Mist, schade. Ich dachte, man kann "border-image" noch irgendwie "umtransformen". Danke dafür.

 

[SpiceLab]

Hier wird es sich vermutlich genauso verhalten,

Ist doch möglich: https://codepen.io/mikehobizal/pen/EHDsu

 

[kristalljunge]

Mega, 1000 Dank! <3