JSFiddle - React, Tailwind, and code Playground

by Svetlana

HTML

<div>Наклон</div>

CSS

div {
  width: 150px;
  height: 60px;
  background: lightgreen;
  font-family: Arial, sans-serif;
  line-height: 60px;
  text-align: center;
  color: white;
  font-size: 16px;
  animation: translating 4s linear infinite;
  margin: 70px;
}

@keyframes translating {
   0%   { transform: skew(0deg); }
   25% {transform: skew(45deg); }
   55% {transform: skew(0deg); }
   70%  { transform: skew(0deg, -20deg); }
   100% {transform: skew(0deg); }
}