JSFiddle - React, Tailwind, and code Playground

by Jesse M

HTML

<div></div>

CSS

div {
  width: 180px;
  height: 180px;
  display: block;
  position: relative;
  border: 1px solid #000;
  margin: 20px auto;
  padding: 10px;

  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/owl1.jpg);

    	transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
}
div:hover {
background:url('http://media.giphy.com/media/JPOaQ5e1ZmEmc/giphy.gif');
}