Schneiden Bild Diagonal mit CSS

, Wie Sie abgeschnitten Teil des Bildes im container oder Diagonal mit CSS?

Den Teil, der muss weggeschnitten werden, hat die form eines Dreiecks

Schneiden Bild Diagonal mit CSS

Um genauer zu sein: wenn das Bild oben ist das Bild, das Blaue Teil sollte raus geschnitten werden, nicht das gelbe

Den html sein sollte:

<figure>
 <img src="img_pulpit.jpg" alt="The Pulpit Rock">
</figure>

oder:

<div class="container">
  content
</div>

Es ist aus meiner eigenen Untersuchung eine Menge von Möglichkeiten, dies zu tun, aber die meisten von Ihnen ist hacky, so der Suche nach einem best-Ansatz

Min unterstützte browser: IE11, aktuellen webkits etc.

InformationsquelleAutor Doff3n | 2015-03-25
Schreibe einen Kommentar