CSS - 문제 미리보기
문제 1441
easy
다음 코드에서 빈칸에 들어갈 올바른 함수는?
```css
img {
clip-path: _______(50%);
}
```
위 코드는 이미지를 완전한 원형으로 자르려고 합니다.
정답: B
circle() 함수의 특징:
• 원형 클리핑을 위한 전용 함수
• 반지름 값을 매개변수로 받음
• 50%는 이미지 너비/높이의 절반을 의미
사용 예시:
```css
/* 다양한 원형 크기 */
img { clip-path: circle(30%); } /* 작은 원 */
img { clip-path: circle(50%); } /* 전체 원 */
img { clip-path: circle(70%); } /* 큰 원 (이미지 벗어남) */
```
위치 지정도 가능:
```css
img { clip-path: circle(50% at center); } /* 중앙 (기본값) */
img { clip-path: circle(50% at right); } /* 오른쪽 */
img { clip-path: circle(50% at left); } /* 왼쪽 */
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.