isolation: isolate

요소가 새로운 겹침 상태를 생성해야 하는지 지정합니다.
mix-blend-mode와 함께 사용했을 때 특히 유용합니다.

/ * 키워드 값 * /
isolation: auto;
isolation: isolate;

/ * 글로벌 값 * /
isolation: inherit;
isolation: initial;
isolation: revert;
isolation: revert-layer;
isolation: unset;

<div class="bg">
  <div class="isolation"></div>
</div>

.bg {
  isolation: isolate;
}

.isolation {
  mix-blend-mode: difference;
}

지원
https://caniuse.com/?search=isolation