在线文本比较工具

A   保存(在下面输入您的代码或文本，或直接把文件拖入到框中，内容会自动获取) 清除A内容 B   保存(在下面输入您的代码或文本，或直接把文件拖入到框中) 清除B内容
​x
44
 
1
>
/*以下为演示内容，请添加您自己的内容 ~_~ */
2
​
3
html,
4
body {
5
  width: 100%;
6
  height: 100%;
7
  margin: 0;
8
>
  padding: 0;
9
  overflow: hidden;
10
  font-family: 'Fira Mono', helvetica, arial, sans-serif;
11
  font-weight: 400;
12
>
  font-size: 62.5%;
13
}
14
​
15
#webgl-container {
16
  width: 100%;
17
  height: 100%;
18
  cursor: pointer;
19
}
20
​
21
.loading {
22
  position: absolute;
23
  width: 100%;
24
  height: 100%;
25
>
  background-color: #000000;
26
  opacity: 1;
27
  -webkit-transition: opacity 1.2s ease-out;
28
  -o-transition: opacity 1.2s ease-out;
29
  transition: opacity 1.2s ease-out;
30
  pointer-events: none;
31
  z-index: 5;
32
}
33
​
34
.loading__progress {
35
  position: absolute;
36
>
  top: 50%;
37
  left: 50%;
38
  transform: translate(-50%, -50%);
39
  text-align: center;
40
  -webkit-transition: opacity 0.25s ease-out;
41
  -o-transition: opacity 0.25s ease-out;
42
  transition: opacity 0.25s ease-out;
43
  opacity: 0;
44
}
1
44
 
1
<
/*以下为演示内容，请添加您自己的内容 ^_^ */
2
​
3
html,
4
body {
5
  width: 100%;
6
  height: 100%;
7
  margin: 0;
8
<
  padding: 1;
9
  overflow: hiddean;
10
  font-family: 'Fira Mono', helvetica, arial, sans-serif;
11
  font-weight: 400;
12
<
  font-size: 62.0%;
13
}
14
​
15
#webgl-container {
16
  width: 100%;
17
  height: 100%;
18
  cursor: pointer;
19
}
20
​
21
.loading {
22
  position: absolute;
23
  width: 100%;
24
  height: 100%;
25
<
  background-color: #0000fff;
26
  opacity: 1;
27
  -webkit-transition: opacity 1.2s ease-out;
28
  -o-transition: opacity 1.2s ease-out;
29
  transition: opacity 1.2s ease-out;
30
  pointer-events: none;
31
  z-index: 5;
32
}
33
​
34
.loading__progress {
35
  position: absolute;
36
<
  top: 80%;
37
  left: 50%;
38
  transform: translate(-50%, -50%);
39
  text-align: center;
40
  -webkit-transition: opacity 0.25s ease-out;
41
  -o-transition: opacity 0.25s ease-out;
42
  transition: opacity 0.25s ease-out;
43
  opacity: 0;
44
}