init_loading.css 837 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. /*防止首屏加载白版处理*/
  2. .app-szjcomo-loading{
  3. position: fixed;width: 100%;
  4. font-family: "黑体";
  5. overflow: hidden;left: 0;top: 35%;
  6. }
  7. .app-init-loading {
  8. text-align: center;
  9. width: 100px;margin: 0 auto;
  10. }
  11. .app-szjcomo-loading p{
  12. font-size: 14px;margin-top: 30px;
  13. text-align: center;color:#999;
  14. }
  15. .app-init-loading-item {
  16. display: inline-block;
  17. height: 15px;
  18. width: 15px;
  19. border-radius: 50%;
  20. background: #c00;;
  21. animation: item 1s ease-in-out infinite;
  22. }
  23. .app-init-loading-b {animation-delay: .2s;}
  24. .app-init-loading-c {animation-delay: .4s;}
  25. @keyframes item {
  26. 0% {
  27. transform: translateY(0);
  28. opacity: 1;
  29. }
  30. 50% {
  31. transform: translateY(20px);
  32. opacity: 0;
  33. }
  34. 100% {
  35. transform: translateY(0);
  36. opacity: 1;
  37. }
  38. }