JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<p style="--foo:red;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis quos animi atque, cumque. Ullam alias reiciendis ea deserunt deleniti magni ipsa aliquid voluptate, minus necessitatibus!</p>

CSS

p {
    color: var(--foo);
    filter: hue-rotate(180deg);
    position: relative;

}

p::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--foo);
    filter: hue-rotate(180deg);
}