Daily Targets (260725)
코드
<p><p l ><p r><p c>
<style>
& {
/* 중앙 원을 벗어나면 잘라내기 */
overflow: clip;
margin: 22 72;
background: #94B31F
}
&>* {
/* 중앙 흰색 원 */
position: relative;
border-radius: 50%;
background: #fff
}
p {
/* 막대 */
position: absolute;
top: -16;
bottom: -16;
left: 105;
width: 30;
background: #5F5F1E
}
[l] {
rotate: -45deg
}
[r] {
rotate: 45deg
}
[c] {
/* 중앙 초록색 원 */
inset: 0;
margin: 30;
width: auto;
border-radius: 50%;
background: #94B31F
}
</style>