JSDM

HTML

7
 
1
div.quiver
2
  span.arrows.st
3
  span.arrows.nd
4
  span.arrows.rd
5
  span.arrows.th
6
  span.arrows.fth
7
  span.loading Loading
!

CSS

x
 
1
.quiver {
2
  position: fixed;
3
  bottom: 50%;
4
  left: 50%;
5
  z-index: 899;
6
  margin-bottom: -50px;
7
  margin-left: -50px;
8
  width: 100px;
9
}
10
11
.arrows {
12
  -moz-animation: equalizor cubic-bezier(0.77, 0, 0.175, 1) 0.5s alternate-reverse infinite;
13
  -webkit-animation: equalizor cubic-bezier(0.77, 0, 0.175, 1) 0.5s alternate-reverse infinite;
14
  animation: equalizor cubic-bezier(0.77, 0, 0.175, 1) 0.5s alternate-reverse infinite;
15
  vertical-align: baseline;
16
  display: inline-block;
17
  width: 0;
18
  height: 0;
19
  border-style: solid;
20
  border-width: 0 10px 1px 10px;
21
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #0B486B rgba(255, 255, 255, 0);
22
}
23
24
.st {
25
  border-bottom-color: #0B486B;
26
}
27
28
.nd {
29
  border-bottom-color: #3B8686;
30
}
31
32
.rd {
33
  border-bottom-color: #79BD9A;
34
}
35
36
.th {
37
  border-bottom-color: #A8DBA8;
38
}
39
40
.fth {
41
  border-bottom-color: #CFF09E;
42
}
43
44
span:nth-child(1) {
45
  -moz-animation-delay: 0s;
46
  -webkit-animation-delay: 0s;
47
  animation-delay: 0s;
48
}
49
50
span:nth-child(2) {
51
  -moz-animation-delay: 0.1s;
52
  -webkit-animation-delay: 0.1s;
53
  animation-delay: 0.1s;
54
}
55
56
span:nth-child(3) {
57
  -moz-animation-delay: 0.2s;
58
  -webkit-animation-delay: 0.2s;
59
  animation-delay: 0.2s;
60
}
61
62
span:nth-child(4) {
63
  -moz-animation-delay: 0.3s;
64
  -webkit-animation-delay: 0.3s;
65
  animation-delay: 0.3s;
66
}
67
68
span:nth-child(5) {
69
  -moz-animation-delay: 0.4s;
70
  -webkit-animation-delay: 0.4s;
71
  animation-delay: 0.4s;
72
}
73
74
@-moz-keyframes equalizor {
75
  from {
76
    border-bottom-width: 60px;
77
  }
78
  to {
79
    border-bottom-width: 1px;
80
  }
81
}
82
@-webkit-keyframes equalizor {
83
  from {
84
    border-bottom-width: 60px;
85
  }
86
  to {
87
    border-bottom-width: 1px;
88
  }
89
}
90
@keyframes equalizor {
91
  from {
92
    border-bottom-width: 60px;
93
  }
94
  to {
95
    border-bottom-width: 1px;
96
  }
97
}
98
* {
99
  -moz-backface-visibility: hidden;
100
  -webkit-backface-visibility: hidden;
101
  backface-visibility: hidden;
102
}
103
104
html, body {
105
  background-color: #141517;
106
  height: 100%;
107
  margin: 0;
108
}
109
110
.loading {
111
  display: block;
112
  font: normal 22px/1em "Merriweather Sans", sans-serif;
113
  text-transform: uppercase;
114
  color: #CFF09E;
115
}
116
!
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

1
 
1
!
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................