개발로그필름
[CSS] 배경 이미지 위에 그라데이션 넣는 방법 (abckground-image, linear-gradient) 본문
WEB/HTML CSS JS
[CSS] 배경 이미지 위에 그라데이션 넣는 방법 (abckground-image, linear-gradient)
yuullog 2023. 3. 28. 11:12728x90
반응형
SMALL
반응형
넣고 싶은 이미지 위에 그라데이션 효과를 주고 싶을 때가 있다
그럴때는 기본 그라이언트를 구현하는 코드인 background-image : linear-gradient(색깔, 색깔) 이 문법을 응용하면 되는데
background-image:
linear-gradient(rgba(159, 84, 209, 0.2), rgba(115, 82, 208, 0.6)
url('image.png');
위 코드와 같이 background-image에 linear-gradient()로 그라데이션을 표현해주고 url로 파일 이름을 적어주면 끝!
아주 쉽죠잉~?ㅎㅎ
SMALL
반응형
LIST
'WEB > HTML CSS JS' 카테고리의 다른 글
| [CSS] 명시도 specificity 높은 선택자 고르는 방법 (0) | 2023.03.31 |
|---|---|
| [CSS] 가로 스크롤 하는 방법 (0) | 2023.03.28 |
| [JS] isNaN() 문자열이 숫자인지 판별 (1) | 2023.02.08 |
| [JS] Math.floor(), Math.ceil(), Math.round() 개념과 예제 (0) | 2023.01.31 |
| [JS] push(), apply() (1) | 2023.01.24 |
Comments