[구현] 1. 배경의 원형 모양은 "가상선택자" 를 이용해 구현 circle 요소를 만든뒤 "circle::before" 일때 원형 모양 "circle:hover:before" 일때 card 모양 으로 구현 /* 원형 effect를 적용하기 위한 요소 */ .card .circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; } .card .circle::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #d83133; /* 원형모양 */ ..
