iscroll.css 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. @charset "utf-8";
  2. .pull-iscroll-wrap {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height:100%; overflow: hidden;}
  3. .pullDown, .pullUp {padding:10px; font-size:14px; color:#909090; text-align:center}
  4. .pullDown .pullDownLabel , .pullUp .pullUpLabel {display:inline-block;position:relative;}
  5. .pullDown .pullDownIcon , .pullUp .pullUpIcon {display:inline-block; width:13px; height:13px; margin-right:8px; position:relative;}
  6. .pullDown .pullDownIcon i, .pullUp .pullUpIcon i {background:url(../images/pull_update.png) no-repeat; background-size:13px 61.5px; width:13px; height:13px; display:inline-block;}
  7. .pullDown .pullDownIcon i , .pullUp .pullUpIcon i {background-position:0 -48.5px;}
  8. .pullDown.flip .pullDownIcon i , .pullUp.flip .pullUpIcon i {background-position:0 -24px;}
  9. .pullDown.loading .pullDownIcon i, .pullUp.loading .pullUpIcon i {display:inline-block; width:13px; height:13px; background:url(../images/pull_update.png) no-repeat; background-size:13px 61.5px; background-position:0 0; transform:rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); -moz-transform: rotate(0deg) translateZ(0);-webkit-transform: rotate(0deg) translateZ(0);-o-transform: rotate(0deg) translateZ(0); transition-duration:0ms; -ms-transition-duration: 0ms; -moz-transition-duration: 0ms;-webkit-transition-duration: 0ms;-o-transition-duration: 0ms;animation-name:loading; -ms-animation-name: loading; -moz-animation-name: loading;-webkit-animation-name: loading;-o-animation-name: loading; animation-duration:1s; -ms-animation-duration: 1s; -moz-animation-duration: 1s;-webkit-animation-duration: 1s;-o-animation-duration: 1s; animation-iteration-count:infinite; -ms-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite; animation-timing-function:linear; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;-o-animation-timing-function: linear;}
  10. @keyframes loading
  11. {
  12. from { transform:rotate(0deg) translateZ(0); }
  13. to { transform:rotate(360deg) translateZ(0); }
  14. }
  15. @-ms-keyframes loading{
  16. from { -ms-transform:rotate(0deg) translateZ(0); }
  17. to { -ms-transform:rotate(360deg) translateZ(0); }
  18. }
  19. @-moz-keyframes loading{
  20. from { -moz-transform:rotate(0deg) translateZ(0); }
  21. to { -moz-transform:rotate(360deg) translateZ(0); }
  22. }
  23. @-webkit-keyframes loading{
  24. from { -webkit-transform:rotate(0deg) translateZ(0); }
  25. to { -webkit-transform:rotate(360deg) translateZ(0); }
  26. }
  27. @-o-keyframes loading{
  28. from { -o-transform:rotate(0deg) translateZ(0); }
  29. to { -o-transform:rotate(360deg) translateZ(0); }
  30. }