CSS - 문제 미리보기
문제 1388
medium
투명도를 사용한 페이드 아웃 효과를 만들기 위한 올바른 코드는?
```css
.fade-effect {
background-image: linear-gradient(to right, _____, _____);
}
```
```css
.fade-effect {
background-image: linear-gradient(to right, _____, _____);
}
```
정답: D
• 투명도를 이용한 페이드 효과는 여러 방법으로 구현 가능합니다
• 방법 1: RGBA 함수 사용
```css
background-image: linear-gradient(to right, rgba(255,0,0,1), rgba(255,0,0,0));
```
• `rgba(255,0,0,1)`: 완전 불투명한 빨간색
• `rgba(255,0,0,0)`: 완전 투명한 빨간색
• 같은 색상에서 투명도만 변화
• 방법 2: transparent 키워드 사용
```css
background-image: linear-gradient(to right, red, transparent);
```
• `red`: 불투명한 빨간색
• `transparent`: 완전 투명 (`rgba(0,0,0,0)`과 동일)
• 더 간단하고 직관적인 문법
• 방법 1: RGBA 함수 사용
```css
background-image: linear-gradient(to right, rgba(255,0,0,1), rgba(255,0,0,0));
```
• `rgba(255,0,0,1)`: 완전 불투명한 빨간색
• `rgba(255,0,0,0)`: 완전 투명한 빨간색
• 같은 색상에서 투명도만 변화
• 방법 2: transparent 키워드 사용
```css
background-image: linear-gradient(to right, red, transparent);
```
• `red`: 불투명한 빨간색
• `transparent`: 완전 투명 (`rgba(0,0,0,0)`과 동일)
• 더 간단하고 직관적인 문법
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.