Как вырезать часть изображения или контейнера по диагонали с помощью CSS?
Часть, которая должна быть вырезана, имеет форму треугольника
Чтобы быть более конкретным: если на картинке выше изображена голубая часть, а не желтая
HTML должен быть:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock">
</figure>
или же:
<div class="container">
content
</div>
Из моего собственного расследования есть много способов сделать это, но большинство из них являются хакерскими, поэтому ищут лучший подход
Минимальная поддержка браузера: IE11, последние веб-комплекты и т.д.