![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
h_yelin
向全栈工程师前进
展开
-
圆环百分比进度
通过css3组装成透明的圆环,可以用于展示百分比进度等,效果如下圆环除了环的颜色外,其它全为透明transparent,天蓝色为html背景色。思路大致如下:圆环整体块包裹,里面有中间的比值显示块,还有左右两侧的进度块左右两侧的进度块分三层:第一层用于定位环的位置(此处遮挡超出部分,overflow:hidden)第二层用于环的角度旋转(此处也要遮挡超出,同上,另外左右侧的旋转中心需要设置)第三层则是纯粹的完全圆环(使用mas...原创 2021-09-03 10:27:55 · 683 阅读 · 0 评论 -
利用CSS伪元素选择器实现三角形
实现三角形的方式很多种。比较简单又比较常用的是利用伪元选择器。转载 2021-07-09 19:02:20 · 941 阅读 · 2 评论