[CSS] 배경 이미지 위에 그라데이션 넣는 방법 (abckground-image, linear-gradient)

넣고 싶은 이미지 위에 그라데이션 효과를 주고 싶을 때가 있다

그럴때는 기본 그라이언트를 구현하는 코드인 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로 파일 이름을 적어주면 끝!

아주 쉽죠잉~?ㅎㅎ