JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="loading"></div>

CSS

@keyframes loading {
  0% {
    background-position: calc(150% + 8rem) 0;
  }
  100% {
    background-position: -4rem 0;
  }
}

.loading {
  width: 66vw;
  height: 50vh;
  box-shadow: 0 0 2rem #0004;
  margin: 2rem;
  
  background: indigo linear-gradient(95deg, transparent 4rem, #fff2 calc(4.25rem), transparent 8rem) 0 0 / 8rem 100% no-repeat;
  animation: loading 1.8s linear infinite;
}