实际上,使用CSS边框属性。
在Chrome浏览器中,我们可以看到以下效果:
当我们将宽度设置为0时,我们可以看到:
树道的含义有点,边界的宽度继续进行。我们可以看到:
您现在可以看到三角形的样式。接下来,您可以使用边框颜色属性隐藏不需要显示的框:
现在我们可以看到一个三角形:
使用三角形,实现小型风车并不难。您只需要创建4个这样的三角形即可。根据某种组合,您可以实现风车的效果:
最终效果如下:
原始:https://juejin.cn/post/7099069242196115464