JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flip">Loren ipsum</div>
<div class="flip back">Lorem ipsum</div>

CSS

.flip {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -webkit-backface-visibility: visible;
      -moz-backface-visibility:    visible;
      -ms-backface-visibility:     visible;
    }
    
    .flip.back {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility:    hidden;
      -ms-backface-visibility:     hidden;
    }