Vertical skeleton loader not working from bottom to top animation-CodePudding

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 -

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;
  }
}