CSS - 문제 미리보기
문제 1394
easy
중심점을 기준으로 회전하면서 색상이 변화하는 그라데이션을 만드는 CSS 함수는?
```css
.rotating-gradient {
background-image: _____(red, yellow, blue);
}
```
```css
.rotating-gradient {
background-image: _____(red, yellow, blue);
}
```
정답: B
• `conic-gradient()` 함수는 중심점 주변으로 회전하는 원뿔형 그라데이션을 생성합니다
• 원뿔형 그라데이션의 특징:
• 중심점을 기준으로 360도 회전하면서 색상 변화
• 시계방향으로 색상이 순환
• 파이 차트나 색상환 제작에 최적
• 기본 동작 원리:
```css
/* 기본 형태 - 3개 색상이 균등 분할 */
conic-gradient(red, yellow, blue);
/* red: 0-120도, yellow: 120-240도, blue: 240-360도 */
```
• 다른 그라데이션과의 차이:
• Linear: 직선 방향으로 색상 변화
• Radial: 중심에서 바깥으로 원형 확산
• Conic: 중심 기준 회전 방향으로 색상 변화
• 원뿔형 그라데이션의 특징:
• 중심점을 기준으로 360도 회전하면서 색상 변화
• 시계방향으로 색상이 순환
• 파이 차트나 색상환 제작에 최적
• 기본 동작 원리:
```css
/* 기본 형태 - 3개 색상이 균등 분할 */
conic-gradient(red, yellow, blue);
/* red: 0-120도, yellow: 120-240도, blue: 240-360도 */
```
• 다른 그라데이션과의 차이:
• Linear: 직선 방향으로 색상 변화
• Radial: 중심에서 바깥으로 원형 확산
• Conic: 중심 기준 회전 방향으로 색상 변화
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.