JSFiddle - React, Tailwind, and code Playground

by mvasilkov

HTML

<div class="sh"></div>

CSS

@keyframes xx {
10%  { transform: translate(-1px,-2px) rotate(-1deg); }
20%  { transform: translate(-3px, 0px) rotate( 1deg); }
30%  { transform: translate( 0px, 2px) rotate( 0deg); }
40%  { transform: translate( 1px,-1px) rotate( 1deg); }
50%  { transform: translate(-1px, 2px) rotate(-1deg); }
60%  { transform: translate(-3px, 1px) rotate( 0deg); }
70%  { transform: translate( 2px, 1px) rotate(-1deg); }
80%  { transform: translate(-1px,-1px) rotate( 1deg); }
90%  { transform: translate( 2px, 2px) rotate( 0deg); }
100% { transform: translate( 1px,-2px) rotate(-1deg); }
}

.sh {
    animation: xx 0.5s infinite;
    background: #404040;
    height: 200px;
    position: absolute;
    width: 200px;
}