JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<div id="target"><h1>MOO</h1></div>

CSS

body { background-color: #FFFFFF; font: 30px sans-serif; }

h1 {
  font : bold 40px sans-serif;
}

ruby {
  font : 12px sans-serif;
}

#target {
  background-color : #FFD9D9;
  margin : 10px auto 0;
  text-align : center;
  width : 220px;
  -webkit-transition: background-color 100ms linear, color 100ms linear, width 100ms linear;
}

#target:hover {
  background-color : #CCD9D9;
  color : #ffffff;
  width : 240px;
}