|
|
@ -10,13 +10,16 @@
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
<div class="target">
|
|
|
|
<div class="target">
|
|
|
|
<div class="pie pie1">
|
|
|
|
<div class="pie pie1">
|
|
|
|
|
|
|
|
<div class="pie-segment"></div>
|
|
|
|
|
|
|
|
<div class="pie-segment"></div>
|
|
|
|
|
|
|
|
<div class="pie-segment"></div>
|
|
|
|
|
|
|
|
<div class="pie-segment"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p class="references">
|
|
|
|
<p class="references">
|
|
|
|
<a href="https://codeburst.io/how-to-pure-css-pie-charts-w-css-variables-38287aea161e">
|
|
|
|
<a href="https://codeburst.io/how-to-pure-css-pie-charts-w-css-variables-38287aea161e">
|
|
|
|
HOW TO: Pure CSS pie charts w/ CSS variables
|
|
|
|
<strong>HOW TO: Pure CSS pie charts w/ CSS variables</strong>
|
|
|
|
<i>Create customisable pie charts in ~30 lines of CSS</i>
|
|
|
|
<br/><span>Create customisable pie charts in ~30 lines of CSS</span>
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
</body>
|
|
|
|
</body>
|
|
|
|