0
0

dropload.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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: 25px;
  12. width: 100%;
  13. /*background-color: #F1F1F1;*/
  14. }
  15. .dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
  16. height: 25px;
  17. line-height: 25px;
  18. text-align: center;
  19. }
  20. .dropload-load .loading{
  21. display: inline-block;
  22. height: 15px;
  23. width: 15px;
  24. border-radius: 100%;
  25. margin: 0px 6px;
  26. border: 2px solid #666;
  27. border-bottom-color: transparent;
  28. vertical-align: middle;
  29. -webkit-animation: rotate 0.75s linear infinite;
  30. animation: rotate 0.75s linear infinite;
  31. }
  32. @-webkit-keyframes rotate {
  33. 0% {
  34. -webkit-transform: rotate(0deg);
  35. }
  36. 50% {
  37. -webkit-transform: rotate(180deg);
  38. }
  39. 100% {
  40. -webkit-transform: rotate(360deg);
  41. }
  42. }
  43. @keyframes rotate {
  44. 0% {
  45. transform: rotate(0deg);
  46. }
  47. 50% {
  48. transform: rotate(180deg);
  49. }
  50. 100% {
  51. transform: rotate(360deg);
  52. }
  53. }