使用css对角地“剪切”一个div

Question

我试图在一些空间后对角地“切割”一个div。这很难解释。它应该是这样的：

当你看到的时候，后面有一个蓝色的父div，里面有一个白色的div div。白色div与父div的宽度相同，但在某些像素之后（例如在100px之后）将对角线“切割”。我从来没有这样做过，但我认为可以使用transition或rotation或类似的东西在CSS3中完成（我不知道，我不熟悉CSS3）。

我搜索了对角线div，但我只得到this之类的结果。不幸的是，我知道与此无关。这甚至可能吗？你能给我一些提示吗？

Answer 1

使用边框颜色显示对角线切割的div。

将其与border-radius合并，仅使用一个div。

border

border