특정 글자에 강조하고 싶은 경우에 사용하면 좋을 것 같다. 나는 아래에서 위로, 하늘색에서 하얀색으로 4:6 비율로 효과를 주었다.
전체 코드
background: linear-gradient(to top, skyblue 40%, white 60%);
결과 화면
참고 사이트
728x90
728x90
'Programming > CSS' 카테고리의 다른 글
| [CSS] Background 이미지 배경 어둡게 하기 (0) | 2022.08.14 |
|---|---|
| [CSS] Styled-components + 터치 스크롤 구현하기 (0) | 2022.07.08 |
| [CSS] Position : relative, absolute 위치 설정하기 (0) | 2022.06.29 |
| [CSS] Styled-components + 동영상으로 화면 전체 채우기 (0) | 2022.06.25 |
| [CSS] Next.js Image + 화면 아래 가리키는 화살표 애니메이션 (0) | 2022.06.13 |
