CSS isolation property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style>
.a {
    background-color: lightblue;
}
#b {
    width: 350px;
    height: 350px;
}
.c {
    width: 110px;
    height: 110px;
    border: 3px solid green;
    padding: 3px;
    mix-blend-mode: difference;
}
#d {
    isolation: auto;
}
#e {
    isolation: isolate;
}
</style>
</head>
<body>
    <h1>isolation property example</h1>
    <div id="b" class="a">
    <div id="d">
    <div class="a c">div d: isolation: auto;</div>
    </div>
    <div id="e">
    <div class="a c">div e: isolation: isolate;</div>
    </div>
    </div>
    <p><b>Note:</b> Edge prior 79 do not support the isolation property.</p>
</body>
</html>