JSFiddle - React, Tailwind, and code Playground

by Brian Blakely

HTML

<p>
    This text, when selected, should transition into its selected state in an animated fashion.
</p>

CSS

::selection {
    color: #fff;
    background: #f00;
    
    -webkit-transition: all 300ms ease-out;
}

p { margin: 20px 0; }