dropload.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .dropload-up,.dropload-down{
  2. position: relative;
  3. height: 0;
  4. overflow: hidden;
  5. font-size: 12px;
  6. /* 开启硬件加速 */
  7. -webkit-transform:translateZ(0);
  8. transform:translateZ(0);
  9. }
  10. .dropload-down{
  11. height: 50px;
  12. }
  13. .dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
  14. height: 50px;
  15. line-height: 50px;
  16. text-align: center;
  17. }
  18. .dropload-load .loading{
  19. display: inline-block;
  20. height: 15px;
  21. width: 15px;
  22. border-radius: 100%;
  23. margin: 6px;
  24. border: 2px solid #666;
  25. border-bottom-color: transparent;
  26. vertical-align: middle;
  27. -webkit-animation: rotate 0.75s linear infinite;
  28. animation: rotate 0.75s linear infinite;
  29. }
  30. @-webkit-keyframes rotate {
  31. 0% {
  32. -webkit-transform: rotate(0deg);
  33. }
  34. 50% {
  35. -webkit-transform: rotate(180deg);
  36. }
  37. 100% {
  38. -webkit-transform: rotate(360deg);
  39. }
  40. }
  41. @keyframes rotate {
  42. 0% {
  43. transform: rotate(0deg);
  44. }
  45. 50% {
  46. transform: rotate(180deg);
  47. }
  48. 100% {
  49. transform: rotate(360deg);
  50. }
  51. }