728x90
반응형
[그라데이션 효과]
1. 선형 그라데이션( linear-gradient(그라데이션 방향, 최소한 두 개의 색상 지정) )
> 지정된 색상 간에 부드러운 전환(빨강->노랑)
> 방향: top->bottom(to bottom), to right, to left, to top 또는 각도
2. 방사형 그라데이션( radial-gradient(모양크기, 색상, 색상) )
> 중심으로부터 부드러운 전환
3. 원추형 그라데이션
[적용 결과]
728x90
반응형
'TIL > Web(HTML, CSS, JS, jQuery)' 카테고리의 다른 글
| [SIST] Web_CSS_days06_CSS 전환 작업(transition 속성) (0) | 2022.05.26 |
|---|---|
| [SIST] Web_CSS_days06_CSS로 2D, 3D 변환 작업(transform 속성) (0) | 2022.05.26 |
| [SIST] Web_CSS_days06_background-size / background-origin / parallax (0) | 2022.05.26 |
| [SIST] Web_CSS_days05_둥근 모서리 설정(border-radius 속성) (0) | 2022.05.26 |
| [SIST] Web_CSS_days05_CSS 특수성(특이성) (0) | 2022.05.26 |