css marsking
문서
시각적 요소의 일부 또는 전체를 숨기기위한 마스킹 및 클리핑을 포함한 수단을 정의하는 CSS 모듈입니다.
clip
clip 속성은 현재 deprecated 되었으며, 새로운 속성이 추가되어 더 이상 추천하지 않습니다. 또한, clip은 쉽게 사용하기 어려운 두 가지 제약이 있습니다.
- 엘리먼트에 absolute 속성이 적용되어야 합니다.
- 직사각형 형태로만 적용 가능합니다.
clip-path
.clip-circle {
clip-path: circle(40px at center);
}