JSFiddle - React, Tailwind, and code Playground

by AlexGun

HTML

<img id="clipped" src="https://mdn.mozillademos.org/files/2767/hut.jpg">

CSS

#clipped {
  position: absolute;
  display: block;
  clip: rect(0, 350px, 350px, 0);
  transition: all 10s ease-out;
}

#clipped:hover {
  clip: rect(175px, 175px, 175px, 175px);
}