Daily Targets (260314)
코드
<p c><p r>
<style>
&>*{
display: grid;
place-items: center;
background: #F5E3B5
}
* {
margin: 0
}
[c] {
position: relative;
width: 140;
height: 140;
border: 30px solid #328FC1;
border-radius: 50%;
/* 원 일부 잘라내어 부채꼴 표현 */
clip-path: polygon(0 0, 50% 0, 50% 50%, 100% 50%, 100% 100%, 0 100%)
}
[r] {
position: fixed;
top: 30;
right: 80;
/* 부채꼴 표현 */
width: 100;
height: 100;
border-radius: 0 999q 0 0;
background: #328FC1
}
</style>