利用CSS的conic-gradient属性绘制饼图的比率显示效果

2020-03-28

在支持conic-gradient属性的浏览器上绘制饼图的比率显示效果非常简单,直接一句话就行:

div {
border-radius: 50%;
width: 300px;
height: 300px;
background: conic-gradient(deeppink 20%, #fb3 0, #fb3 30%, yellowgreen 0, yellowgreen 60%, gray 0);
}

显示效果如下:

发表评论

邮箱地址不会被公开。 必填项已用*标注