JSFiddle - React, Tailwind, and code Playground

by Scott Kaye

HTML

<text text="test" />

SCSS

text {
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 100pt;
    &::before, &::after {
        content: attr(text);
        position: absolute;
        top: 0;
        left: 0;
        color: #f00;
    }
    &::after {
        color: #f95;
        mix-blend-mode: hue;
        -webkit-filter: blur(5px);
    }
}

body {
    background: #000;
}