Daily Targets (260209)
코드
<p c><p c w><p c t><p><p s><p>
<style>
&>* {
padding: 37 27;
background: #8BFA94
}
[c] {
position: fixed;
top: 59;
width: 330;
height: 30;
/* 원 패턴 */
background: radial-gradient(#D76159 15px, transparent 0) -45px / 120px 120px
}
[w] {
margin-top: 76px;
/* 두번째 원 패턴 배경 위치 조절 */
background-position: 15
}
[t] {
margin-top: 136px
}
p {
position: relative;
/* 줄무늬 패턴 */
background: linear-gradient(90deg, #D76159 30px, transparent 0) 60px / 120px;
height: 30;
+p{
margin-top: 30
}
}
[s] {
/* 두번째 줄무늬 패턴 배경 위치 조절 */
background-position: 120px
}
</style>