Price loading

by Outrora

HTML

<div class="box">
  <span>PRICE</span>
  <span class="value"></span>
</div>

CSS

body {
  background: #4B2C82;
}
.box {
  width: 100%;
}
.box .value {
  width: 5px;
  height: 15px;
  background: white;
  transform: rotateX(0deg);
  box-shadow: 5px 5px 10px solid black;
  animation-name: anim;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-delay: 0s;
  display: inline-block;
}
@keyframes anim {
  from { transform: rotate(0deg)   }
  to   { transform: rotate(360deg) }
}