JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<div class=""></div>

CSS

div {
  height: 300px;
  position: relative;
  overflow: hidden;
}

div:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(http://lansaro/uploads/pw/p6/7h/vr/PIw--nRV.jpeg) no-repeat;
  transform:scale(1);
  transition: transform .2s ease;
}

div:hover:after {
 transform:scale(1.1);
}