我可以使用伪元素创建此形状：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属性使其工作。