css - 我可以用伪元素 :before and :after? 创建这个形状吗

Question

我只想用 CSS 创建这个形状。 我可以用伪元素 :before 和 :after 来做吗？

Answer 1

您或许可以使用 clip属性(property)。

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

或

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

您还需要使用过渡属性来旋转剪辑。您需要将其分解为几个 div。