Daily Targets (260628)
코드
<p><i>
<style>
* {
margin: 0
}
& {
margin: 50 100;
background: #284A5B
}
p {
/* 사각형 내 원. 사각형을 벗어나는 경우 잘리도록 함 */
position: relative;
overflow: hidden;
height: 100%;
margin: 0;
background: radial-gradient(#F1F271 100px, #284A5B 0) 50% / 200px 200px no-repeat #284A5B
}
i {
/* 사각형. p 영역을 벗어나 일부분 잘림 */
position: absolute;
top: 50;
right: -21;
width: 100;
height: 100;
background: #BE6B6C;
rotate: 45deg
}
</style>