Daily Targets (260115)
코드
<p><i>
<style>
&>*{
display: grid;
place-items: center;
background:#5AA4B7
}
p {
width: 150;
height: 150;
/* 정사각형 내 원형 패턴 */
background: radial-gradient(#5AA4B7 25px, #2B2A4A 0);
background-size: 80px 80px;
background-position: -5 -5
}
i{
position: fixed;
top: 85;
left: 65;
width: 50;
height: 50;
background: #2B2A4A;
border-radius: 50%;
/* 그림자를 통해 원 복사 */
box-shadow: 220px 80px 0 #2B2A4A
}
</style>