#18 clip-path 속성

clip-path 요소의 클리핑 범위를 지정하는 속성 클리핑 범위 안의 부분은 보여주고, 바깥 부분은 숨겨준다. - 속성 값 inset(상 우 하 좌 round border-radius) : 사각형/입력한 값만 큼 사각형의 범위가 안으로 줄어든다. circle(반지름 at position) : 원/position값을 중심으로 반지름 값만큼 원의 범위가 생성된다. ellipse(x반지름 y반지름 at position) : 타원/position값을 중심으로 각각의 반지름 값만큼 타원의 범위가 생성된다. polygon(x1 y1, x2 y2, x3 y3…) : 다각형/각각의 위치 값에 꼭짓점을 찍어 다각형 범위가 생성된다. url(SVG경로) : SVG파일/SVG파일의 형태대로 범위가 생성된다. 더보기 ※ p..

2022.02.24