JSFiddle - React, Tailwind, and code Playground

by okohll

HTML

<div class="block">
  <img src="http://imgs.xkcd.com/comics/think_logically.png" />
</div>

CSS

.block {
  width: 50px;
  height: 50px;
  float: left;
}

.block img {
  width: 100%;
}

.block:hover {
  -webkit-transform: scale(10);
      -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;

}