JSFiddle - React, Tailwind, and code Playground

by Donal Devine

HTML

<div class="characterBox">
    character box</div>

CSS

.characterBox:hover {
    left: 36px;
    position: absolute;
    -webkit-transition: left 2s ease;
    -moz-transition: left 2s ease;
    -o-transition: left 2s ease;
    -ms-transition: left 2s ease;
    transition: left 2s ease;
}