Bild als Dreieck anzeigen?

html.de-Forum HTML, XHTML & CSS
1

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;

2

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

3

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

4

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

5

Mega, 1000 Dank! <3