Daily Targets (260519)
코드
<p f><p r s><p b><p b r m>
<style>
body {
display: flex;
position: relative;
margin: 0;
border: solid #EFEADE;
border-width: 90 140;
background: #B29DF7
}
p {
position: absolute;
top: -40;
left: -40;
width: 80;
height: 80;
margin: 0;
/* conic-gradient로 사각형 내 작은 사각형 표현 */
background: conic-gradient(
#594F7C 90deg,
#B29DF7 90deg
)
}
/* 속성으로 위치, 회전 조절 */
[f] {
scale: 1 -1
}
[m] {
scale: -1 1
}
[s] {
scale: -1
}
[r] {
left: 80
}
[b] {
top: 80
}
</style>