活不多说,直接开始
效果图:
HTML:
一个万能的div
<div class="bgc"></div>
主要是css部分
使用background属性
- 纯色
- 线性渐变(linear-gradient)
- 径向渐变(radial-gradient)
- 角向渐变(conic-gradient)
- 多重线性渐变(repeating-linear-gradient)
- 多重径向渐变(repeating-radial-gradient)
- 多重角向渐变(repeating-conic-gradient)
实现以上效果需要使用repeating-conic-gradient多重角向渐变
.bgc {
background: repeating-conic-gradient(rgb(255, 255, 255), rgb(