init

wangzhibo

2021-09-06 2efb5d2a02ce47a9fd6f1cec138496aba72f0815

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
/* 2017-12-4 15:31:20 | 修改 木遥（微信:  http://marsgis.cn/weixin.html ） */
/*
    JQuery EasyUI 1.5.x of Insdep Theme 1.0.0
    演示地址：https://www.insdep.com/example/
    下载地址：https://www.insdep.com
    问答地址：https://bbs.insdep.com
 
    项目地址：http://git.oschina.net/weavors/JQuery-EasyUI-1.5.x-Of-Insdep-Theme
 
    QQ交流群：184075694 （优先发布更新主题及内测包）
*/
 
@keyframes window-mask-fadeIn {
  0% {
    filter: alpha(opacity=0);
    opacity: 0; 
  }
  100% {
    filter: alpha(opacity=3);
    opacity: 0.3;
  }
}
@keyframes window-fadeIn {
  0% {
    filter: alpha(opacity=0);
    opacity: 0; 
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
 
.window {
  animation-name: window-fadeIn; /*动画名称*/
  animation-duration: 0.3s; /*动画持续时间*/
  animation-iteration-count: 1; /*动画次数*/
  animation-delay: 0s; /*延迟时间*/
}
.window-proxy-mask,.window-mask {
  animation-name: window-mask-fadeIn; /*动画名称*/
  animation-duration: 0.5s; /*动画持续时间*/
  animation-iteration-count: 1; /*动画次数*/
  animation-delay: 0s; /*延迟时间*/
}
 
/*进度条动画*/
@keyframes animation-progressbar {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
.progressbar-animation .progressbar-value:after{
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    animation: animation-progressbar 2s ease infinite;
}
 
/*加载按钮动画*/
@keyframes animation-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.button-loading .l-btn-text{
  position: relative;
  color: transparent !important;
  opacity: 1;
  margin: 2px 10px 4px 6px;
}
.button-loading .l-btn-text:before,.button-loading .l-btn-text:after{
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-style: solid;
  border-width: 0.2em;
  border-radius: 500rem;
}
.button-loading .l-btn-text:before{
  border-color:rgba(0, 0, 0, 0.15);
}
.button-loading .l-btn-text:after{
  animation:animation-loading 0.6s linear;
  animation-iteration-count:infinite;
  border-color: #ffffff transparent transparent;
}
 
.combo-loading + .combo .combo-arrow:before ,.combo-loading + .combo .combo-arrow:after,
.combo-loading + .combo:before ,.combo-loading + .combo:after
{
  position: absolute;
  content: '';
  top: 50%;
  right: 0%;
  width: 1em;
  height: 1em;
  margin: -0.64285714em 0.6em 0em -0.64285714em;
}
.combo-loading + .combo:before ,.combo-loading + .combo:after{margin: -0.64285714em 0.4em 0em -0.64285714em;}
.combo-loading + .combo .combo-arrow:before,.combo-loading + .combo:before {
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.combo-loading + .combo .combo-arrow:after,.combo-loading + .combo:after {
  box-shadow: 0px 0px 0px 1px transparent;
          animation: animation-loading 0.6s linear;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
}
.combo-loading + .combo .combo-arrow{ background:none; }