CSS - 문제 미리보기
문제 1419
medium
다음 코드에서 빈칸에 들어갈 올바른 함수는?
```css
.card {
transform: _______(180deg);
}
```
위 코드는 카드가 좌우로 뒤집히는 효과(앞면↔뒷면)를 만들려고 합니다.
```css
.card {
transform: _______(180deg);
}
```
위 코드는 카드가 좌우로 뒤집히는 효과(앞면↔뒷면)를 만들려고 합니다.
정답: B
• 카드 뒤집기 효과 분석:
• 좌우 뒤집기: Y축을 중심으로 180도 회전
• 상하 뒤집기: X축을 중심으로 180도 회전
• 평면 회전: Z축을 중심으로 회전
• 실제 활용 예시:
```css
.card {
transform: rotateY(180deg); /* 좌우 뒤집기 */
}
.card-flip {
transform: rotateX(180deg); /* 상하 뒤집기 */
}
```
• 카드 게임이나 플립 애니메이션에서 `rotateY(180deg)`가 가장 자연스럽습니다
• 좌우 뒤집기: Y축을 중심으로 180도 회전
• 상하 뒤집기: X축을 중심으로 180도 회전
• 평면 회전: Z축을 중심으로 회전
• 실제 활용 예시:
```css
.card {
transform: rotateY(180deg); /* 좌우 뒤집기 */
}
.card-flip {
transform: rotateX(180deg); /* 상하 뒤집기 */
}
```
• 카드 게임이나 플립 애니메이션에서 `rotateY(180deg)`가 가장 자연스럽습니다
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.