| 17번째 줄: | 17번째 줄: | ||
<span style="display: inline-block; animation: fa-spin 2s;">요</span> | <span style="display: inline-block; animation: fa-spin 2s;">요</span> | ||
|} | |} | ||
| + | |||
| + | |||
| + | |||
| + | * 32% | ||
| + | <div style=" | ||
| + | width: 100px; | ||
| + | height: 100px; | ||
| + | background: | ||
| + | radial-gradient( | ||
| + | white {{#expr: sqrt(2) / 2 * 100 * (50 / 100)}}%, | ||
| + | transparent {{#expr: sqrt(2) / 2 * 100 * (50 / 100) + 1}}% {{#expr: sqrt(2) / 2 * 100 - 1}}%, | ||
| + | white {{#expr: sqrt(2) / 2 * 100}}% | ||
| + | ), | ||
| + | conic-gradient(tomato {{#expr: 32 - 1}}%, #F5F8FA 32%); | ||
| + | text-align: center; | ||
| + | line-height: 100px; | ||
| + | "><span style=" | ||
| + | display: inline-block; | ||
| + | line-height: normal; | ||
| + | ">32%</span></div> | ||