Home > database >  Vertical skeleton loader not working from bottom to top animation
Vertical skeleton loader not working from bottom to top animation

Time:09-14

I'm using both vertical and horizontal skeleton loader in a react component, please refer to this codepen - enter image description here

CodePudding user response:

Change the vertical animation keyframe to the following and it should work:

@keyframes verticalPlaceHolderLoader {
    0% {
    background-position: 0 70px;
  }
  100% {
    background-position: 0 -70px;
  }
}

See demo

  • Related