JSFiddle - React, Tailwind, and code Playground

by MegaScience

HTML

<p>This cap is off the hook</p>

CSS

p:hover::after {
    background-color: #eee;
    background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-size:60px 60px;
}
p::after {
    content:"test";
    color: #f00;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}