我可以使用伪元素创建此形状：before和：after？

Question

我想用css创建这个形状。 我可以使用伪元素：before和：after吗？

Answer 1

您可以使用clip属性。

.yourClass:after {
background: #ccc;
clip:rect(0px,60px,200px,0px);
}

或

.yourClass:before {
background: #ccc;
clip:rect(0px,60px,200px,0px);
}

您还需要使用过渡属性来旋转剪辑。你需要在几个div之间解决这个问题。

Answer 2

你想象的是this吗？

我使用了transform:skew属性来使其正常工作。