이미지를 삽입할 때 흑백 상태로 만들고 싶은 경우가 있을 것이다.
물론 요즘은 앱이나 프로그램 등으로 아주 쉽게 흑백으로 만들 수 있지만
페이지 내에서 간단하게 흑백으로 전환할 수도 있다.
사진에 마우스를 올려보자
mix-blend-mode: luminosity;삽입할 이미지가 있는 컴포넌트에
mix-blend-mode: luminosity; 속성값을 주게 되면
이미지가 흑백으로 변하게 된다.
외에도 아래와 같은 다양한 속성 값이 있으므로 이용해보자.
Front-End