JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div>test 1</div>
<div>test 2</div>

CSS

body {
  margin: 0;
}
* {
  box-sizing: border-box;
}
div {
  font-size: 40px;
  text-align: center;
  background: grey;
  font-weight: bold;
  margin: 20px;
  animation: demo 2s linear infinite;
  transform-style: preserve-3d;
}
div:first-child {
  /* transform: rotateX(80deg); */
}
div:nth-child(2) {
  /* transform: rotateX(80deg); */
  transform-origin: top;
}
@keyframes demo {
  100% {
    transform: rotateX(90deg);
  }
}