纯CSS星形
这个问题在这里已经有了答案：
让我们把它分成几部分：
实际上，黄色边框在最终产品中设置为transparent ，因此不显示。 这里他们是黄色的，以显示边界的外观。
如上所述，这个答案显示了基本三角形背后的想法。
div本身：
<div id="star-five"></div>
:before伪元素:before合并:before与此相同：
<div id="star-five">
<div id="before"></div>
</div>
最后，结合:after伪元素与此相同：
<div id="star-five">
<div id="before"></div>
<div id="after"></div>
</div>
现在，您可以使用position: absolute;重叠每个元素position: absolute; 并根据需要随transform旋转以获得最终产品：
让我们想象它！
您可以使用大边框绘制三角形，这就是发生在那里的情况。 然后，他们只是旋转和定位三角形星形模式。
链接地址: http://www.djcxy.com/p/89473.html上一篇: Pure CSS star shape