JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one"></div>
		<div class="two"></div>
		<div class="three"></div>

CSS

div{
	width: 100px;
	height: 100px;
	-webkit-animation: bounce 1000ms infinite alternate;
	}
.one{
	background: red;
	-webkit-transform: scale(0.5);
}
.two{
	background: blue;
	-webkit-transform: scale(0.8);
}
.three{
	background: yellow;
	-webkit-transform: scale(0.2);
}
@-webkit-keyframes bounce{
	from{
		-webkit-transform: translate3d(0, 0, 0);
	}
	to{
		-webkit-transform: translate3d(100px, 100px, 0);
	}
}