mescroll-up.css 917 B

1234567891011121314151617181920212223242526272829303132
  1. /*上拉加载--旋转进度条*/
  2. .mescroll-upwarp .upwarp-progress {
  3. width: 36px;
  4. height: 36px;
  5. border: none;
  6. margin: auto;
  7. background-size: contain;
  8. animation: progressRotate 0.6s steps(6, start) infinite;
  9. }
  10. @keyframes progressRotate {
  11. 0% {
  12. background-image: url(https://www.mescroll.com/img/xinlang/mescroll-progress1.png);
  13. }
  14. 16% {
  15. background-image: url(https://www.mescroll.com/img/xinlang/mescroll-progress2.png);
  16. }
  17. 32% {
  18. background-image: url(https://www.mescroll.com/img/xinlang/mescroll-progress3.png);
  19. }
  20. 48% {
  21. background-image: url(https://www.mescroll.com/img/xinlang/mescroll-progress4.png);
  22. }
  23. 64% {
  24. background-image: url(https://www.mescroll.com/img/xinlang/mescroll-progress5.png);
  25. }
  26. 80% {
  27. background-image: url(https://www.mescroll.com/img/xinlang/mescroll-progress6.png);
  28. }
  29. 100% {
  30. background-image: url(https://www.mescroll.com/img/xinlang/mescroll-progress1.png);
  31. }
  32. }