CSS 만 사용하여 PNG의 색상 변경

Question

흰색 로고가 들어있는 PNG 이미지가 있습니다. CSS 만 사용하여 흰색에서 빨간색으로 로고 유형의 색상을 변경할 수 있습니까?

Answer 1

해결 방법 1 :

당신은 .svg 코드에 의해 색상을 변경할 수있는 PNG로 변환 할 수 있습니다.

해결 방법 2 : 컨테이너를 통해 투명 중간에 로고 및 컨테이너의 배경 색상을 변경과

PNG 파일.

Answer 2

아니요, CSS는 이미지를 수정할 수 없습니다.

이미지 대신 투명도 (alpha = 0)로 수정할 수있는 영역을 대체하고 색상이있는 배경 위에 이미지를 배치하면 CSS로 변경할 수 있습니다. 그들이 more browser support을 일단

Answer 3

CSS filters, 어떤 방법으로 이미지의 표시를 변경 할 수 있습니다,하지만 난 MDN documentation을 통해 아주 짧은 스크롤에서 볼 수있는 색상을 변경하기위한 최고의 기회는 hue-rotate 것, 나는 확신 아니에요 흰색이 아닌 흰색으로 바뀔 수 있습니다.