同心圆方式"/>
一个div实现同心圆方式
一个div+css实现同心圆效果的n中方式
- 一. 常规方法(合理的)
- 1.1 box-shadow可以无限套
- 1.2 重复径向渐变属性
- 1.3 ::伪元素法+border
- 二. 非常规方法
- 2.1 通过强大的background属性
- 2.3 既然有text-shadow
- 2.4 未知...
一. 常规方法(合理的)
1.1 box-shadow可以无限套
具体参考地址
box-shadow: 0 0 0 10px red, 0 0 0 20px black, 0 0 0 30px red, 0 0 0 40px black,0 0 0 50px red;
1.2 重复径向渐变属性
更多推荐
一个div实现同心圆方式
发布评论