JSFiddle - React, Tailwind, and code Playground

by Bateman

HTML

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

CSS

* {
  box-sizing: border-box;
}

.box {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  transition: border-left-width 150ms ease-in-out;
  will-change: border;
}

.box:hover {
  border-width: 2px;
}