JSFiddle - React, Tailwind, and code Playground

by terby

HTML

<h1>
MIRROR EFFECT - REVERSED CHARACTERS
</h1>
<span class='flip_H'>Demo text &#9986;♘</span>
<span class='flip_V'>Demo text &#9986;♘</span>

CSS

span{ display: inline-block; margin:1em; } 
.flip_H{ transform: scale(-1, 1); color:red; }
.flip_V{ transform: scale(1, -1); color:green; }