CSS - 문제 미리보기
문제 1425
easy
다음 코드에서 빈칸에 들어갈 올바른 키워드는?
```css
@keyframes fadeIn {
_______ { opacity: 0; }
_______ { opacity: 1; }
}
```
정답: C
@keyframes에서 사용하는 키워드:
• from: 애니메이션 시작 시점 (0%와 동일)
• to: 애니메이션 종료 시점 (100%와 동일)
동일한 표현:
```css
/* from/to 사용 */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* 퍼센트 사용 */
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
```
실무 활용:
• 간단한 애니메이션: `from/to` 사용
• 복잡한 애니메이션: 퍼센트 사용 (0%, 25%, 50%, 75%, 100%)
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.