背景方与一个侧以角度重复](background square with one side at a

2019-09-23 09:35发布

这个问题已经在这里有一个答案:

  • 有倾斜侧面形状(响应) 3个回答

我希望能够创建一个使用CSS仅但在一端的角度透明背景。 我发现试图做的方法来实现,但不能完全得到它。 我真的不希望使用任何脚本,只是CSS。

背景图像将需要看起来像这样:

Answer 1:

你可以使用边框做到这一点: http://jsfiddle.net/wNhjb/

#shape {
   height: 0; 
   width: 80px;
   border-top: 80px solid blue;
   border-left: 40px solid transparent;
}



文章来源: background square with one side at an angle [duplicate]