CSS - 문제 미리보기
문제 1380
medium
완전히 투명한 검은색 오버레이를 만들다가 점진적으로 불투명하게 변화시키려면?
```css
.overlay {
background-color: _____(0, 0, 0, _____);
/* 처음에는 투명하고 나중에 70% 불투명하게 */
}
.overlay:hover {
background-color: _____(0, 0, 0, _____);
}
```
정답: A
• 점진적 투명도 변화를 위한 올바른 값 설정을 이해해야 합니다
• 투명도 값의 의미 복습:
• `0.0`: 완전 투명 (0%)
• `0.7`: 70% 불투명 (30% 투명)
• `1.0`: 완전 불투명 (100%)
• 단계별 구현:
```css
.overlay {
/* 초기 상태: 완전히 투명한 검은색 */
background-color: rgba(0, 0, 0, 0);
transition: background-color 0.3s ease;
}
.overlay:hover {
/* 호버 시: 70% 불투명한 검은색 */
background-color: rgba(0, 0, 0, 0.7);
}
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.