JSFiddle - React, Tailwind, and code Playground

by Scott Kaye

HTML

<img src="http://journal.alabamachanin.com/wp-content/uploads/2014/09/Alabama-Chanin-1inch-Polka-Dots.jpg" alt="">


<div></div>

CSS

img {
	max-width: 100%;
	max-height: 100vh;
}

div {
	position: absolute;
	top: 100px;
	left: 0;
	width: 300px;
	height: 50px;
	animation: omg 1s ease infinite alternate;
}

@keyframes omg {
	to {
		backdrop-filter: blur(2px);
		transform: scaleY(5) rotateZ(20deg);
	}
}