<div class="mask">
<div class="box">HELLO ДЯДЯ</div>
</div>
<section></section>
<section></section>
.mask {
position:fixed;
mix-blend-mode: exclusion;
}
.box {
font-size: 40px;
font-weight: bold;
width: 200px;
height: 100px;
background: yellow;
}
section {
background: #0080007d;
height: 100vh;
}
section:nth-child(3) {
background: #0c62ff;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.