JSFiddle - React, Tailwind, and code Playground

by Christian Gambardella

HTML

<div id="color-channels-effect">
  <h1 class="c">Color Channels</h1>
  <h1 class="m">Color Channels</h1>
  <h1 class="y">Color Channels</h1>
  <h1 class="k">Color Channels</h1>
</div>

SCSS

h1 {
  font-size: 100px;
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
}

.c {
  color: cyan;
  top: -4px;
  left: 10px;
}
.m {
  color: magenta;
  top: -10px;
}
.y {
  color: yellow;
  top: 15px;
}
h1.k {
  color: black;
  top: 3px;
  opacity: 1;
}