如何使用CSS将图像或容器的一部分对角线切掉?
需要切掉的部分呈三角形状。
更具体地说:如果上面的图片是图像,则应该切掉蓝色部分,而不是黄色部分。
HTML应为:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock">
</figure>
或者:<div class="container">
content
</div>
经过我自己的调查,有很多种方法可以做到这一点,但大部分方法都是hacky的,因此寻找最佳方法。
最少支持浏览器:IE11、最新的Webkit等。