이미지 그림자가 검은색으로 나올 때

디자인대로 저장해서 웹에 띄었는데 가끔씩 그림자처리가 까맣게 나올 때가 있다.

그럴 때 이 속성을 써보면 해결할 수 있을지도 모른다.

 

mix-blend-mode

img {mix-blend-mode: screen;}

내가 해결했던 방법은 mix-blend-mode의 screen을 사용했었다.

아래 더 많은 효과가 있으니 참고하면 좋을것 같다.

 

https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode