css mix-blend-mode
mix-blend-mode
- https://developer.mozilla.org/ko/docs/Web/CSS/mix-blend-mode
- 레이어의 혼합 처리에 대한 동작
- isolation: isolate; 를 외각에 안해주면 배경 화면의 색도 같이 처리 될 수 있다.
/* Keyword values */ mix-blend-mode: normal; mix-blend-mode: multiply; mix-blend-mode: screen; mix-blend-mode: overlay; mix-blend-mode: darken; mix-blend-mode: lighten; mix-blend-mode: color-dodge; mix-blend-mode: color-burn; mix-blend-mode: hard-light; mix-blend-mode: soft-light; mix-blend-mode: difference; mix-blend-mode: exclusion; mix-blend-mode: hue; mix-blend-mode: saturation; mix-blend-mode: color; mix-blend-mode: luminosity;
/* Global values */ mix-blend-mode: initial; mix-blend-mode: inherit; mix-blend-mode: unset;