JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div>
 dmbjd bdhjdgdshjg syuf styufty fyrt d rukgyj ftfthft
</div>

CSS

*{
  margin: 0;
  padding: 0;
}

div {
  margin: 50px auto;
  background: brown;
  width: 100px;
  height: 200px;
  
  /*transform: skew(0deg,20deg);*/
  -webkit-transform: perspective(280px) rotateY(40deg); 
  transform: perspective(280px) rotateY(40deg);
  
  animation: main-rotate 1s ease 0s infinite;
}

 @keyframes main-rotate {
  0% {
    transform: perspective(280px) rotateY(-40deg);
  }
  50% {
    transform: perspective(280px) rotateY(0deg);
  }
  100% {
    transform: perspective(280px) rotateY(-40deg);
  }
}