CSS - 문제 미리보기

문제 1422

medium
여러 속성에 서로 다른 지속시간으로 트랜지션을 적용하려면 어떻게 작성해야 하나요?
A. `transition: width 2s; transition: height 4s;`
B. `transition: width 2s, height 4s;`
C. `transition: width 2s + height 4s;`
D. `transition: (width 2s) (height 4s);`

정답: B

다중 속성 트랜지션 문법: 쉼표(`,`)로 구분하여 나열합니다 올바른 작성법: ```css div { transition: width 2s, height 4s, background-color 1s; } ``` 각 선택지 분석: • 1번: 두 번째 transition이 첫 번째를 덮어씀 (height만 적용) • 2번: 올바른 문법 ✓ • 3번: 잘못된 연산자 사용 • 4번: 잘못된 괄호 문법 실무 팁: • 모든 속성에 같은 시간을 적용하려면: `transition: all 2s;` • 개별 제어가 필요하면 쉼표로 구분

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.