效果图:
思路 :在一个容器里再放两个矩形,每个矩形都占一半,给这两个矩形都设置溢出隐藏,当去旋转矩形里面的圆形的时候,溢出部分就被隐藏掉了,这样就可以达到想要的效果。
代码-html:
代码-css:
代码-js:
注:.wrapper 的overflow:hidden; 起着关键性作用
用css制作圆环图表 (vue,sass)
原文地址:http://www.cnblogs.com/daniller/p/circle.html
效果图:
代码-html:
代码-css:
代码-js:
用css制作圆环图表 (vue,sass)
原文地址:http://www.cnblogs.com/daniller/p/circle.html