You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<link rel="stylesheet" href="pie-charts.css">
|
|
|
|
|
<title>Input type="list"</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="target">
|
|
|
|
|
<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>
|
|
|
|
|
<p class="references">
|
|
|
|
|
<a href="https://codeburst.io/how-to-pure-css-pie-charts-w-css-variables-38287aea161e">
|
|
|
|
|
<strong>HOW TO: Pure CSS pie charts w/ CSS variables</strong>
|
|
|
|
|
<br/><span>Create customisable pie charts in ~30 lines of CSS</span>
|
|
|
|
|
</a><a href="https://www.freecodecamp.org/news/css-only-pie-chart/">
|
|
|
|
|
<strong>How to Create a Pie Chart Using Only CSS</strong>
|
|
|
|
|
<br/><span>only one slice ;)</span>
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
