<div class="box">
<h1 class="one">IFRONT.NET</h1>
<h1 class="two">IFRONT.NET</h1>
<h1 class="three">IFRONT.NET</h1>
</div>
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.box {
position: relative;
}
.box h1 {
font-weight: bold;
font-size: 60px;
white-space: nowrap;
}
.one {
color: navajowhite;
}
.two {
top: 2px;
right: 2px;
position: absolute;
color: palevioletred;
mix-blend-mode: darken;
}
.three {
top: 4px;
right: 4px;
position: absolute;
color: darkturquoise;
mix-blend-mode: color-burn;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.