background url 이미지 색상

Question

안녕하세요 선생님

background: url(images/wave-line.png) no-repeat center right 100px, linear-gradient(to right, blue, red);

배경색상은 그레디언트로 하고 url 로 깔아준 png 이미지의 색상을 변경하는 속성은 없을까요?

Answer

위에 적어주신 방식으로 하시면 '배경색상은 그레디언트로 하고 url 로 깔아준 png 이미지의 색상을 변경'이 될텐데요.

아래 코드가 완성본 코드입니다.

/* ############## Section : banner ############## */

.banner {

background: url(images/wave-line.png) no-repeat center right 100px, linear-gradient(to right, #69acfe, #6eaefd);

background-size: 80px;

padding: 0;

}