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
|
/* ==================================================
* GazeImg v1.4.1
*
* 采用 GPLv3 许可证供开源使用
* 或用于商业用途的 GazeImg 商业许可证
* 所有商业应用程序（包括您计划出售的网站，主题和应用程序）
* 都需要具有商业许可证。
*
* Licensed GPLv3 for open source use
* or GazeImg Commercial License for commercial use
*
* http://www.ganxiaozhe.com/p/gazeimg/
* Copyright 2020 Ganxiaozhe
*
================================================== */
img[data-giwait-text],img[data-gionload] {filter: brightness(.2);transition: filter 1s ease-in;}
img[data-gazeimg],.gazeimg-content[data-rlong="n"] img {cursor: pointer;}
.gazeimg-content[data-rlong="y"] img {cursor: zoom-in !important;}
.gazeimg-content[data-gzoom="out"] img {cursor: zoom-out;}
.gi-darken {
filter: brightness(1);animation:gia-darken 2s infinite linear alternate-reverse;
display: flex;align-items: center;justify-content: center;
vertical-align: top;overflow: hidden;position: relative;
}
.gi-darken.gi-failload {animation: none;}
.gi-darken a {display: block;text-decoration: none;color: #fff !important;text-align: center;word-break: break-all;}
@-webkit-keyframes gia-darken {to{filter: brightness(.75);}}
@keyframes gia-darken {to{filter: brightness(.75);}}
.gi-zoomIn {animation: gia-zoomIn 1s cubic-bezier(0, 0, 0, 1) 1;}
@-webkit-keyframes gia-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes gia-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.gi-fadeIn {animation: gia-fadeIn 0.3s cubic-bezier(0, 0, 0, 1) 1;}
@-webkit-keyframes gia-fadeIn{0%{opacity:0;}100%{opacity:1}}
@keyframes gia-fadeIn{0%{opacity:0;}100%{opacity:1}}
.gazeimg-nobar {overflow: hidden;height: auto;}
.gazeimg-container {
position: fixed;left: 0;top: 0;height: 100%;width: 100%;
outline: none;z-index: 20020214;transition-duration: 0.35s;
}
.gazeimg-bg {
background: rgb(20,20,20);opacity: 0.9;
transition-property: opacity;transition-duration: inherit;transition-timing-function: cubic-bezier(.5, 0, .7, .7);
}
.gazeimg-bg,.gazeimg-inner {
position: absolute;top: 0;left: 0;bottom: 0;right: 0;
}
.gazeimg-stage {
direction: ltr;transform: translateZ(0);
width:100%;height:100%;padding:50px 0;
}
.gazeimg-content {
position: absolute;top:0;left:0;width:38px;height:38px;overflow: visible;
transform-origin: center;
transition: height 0.3s ease,width 0.3s ease;
}
.gazeimg-content img {
width:100%;height:100%;max-width:100%;max-height:100%;overflow: hidden;
position: absolute;top: 0;left: 0;
border:none;padding:0;margin:0;
user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
}
.gazeimg-content .loader,.gilazy-loader {
display: block;width: 46px;height: 46px;
position: absolute;top:calc(50% - 23px);left:calc(50% - 23px);
border: 4px solid #f3f3f3;border-radius: 100%;
border-top: 4px solid transparent;
transition: border 0.3s ease;
}
.gi-spin {-webkit-animation:gi-spin 0.8s infinite linear;animation:gi-spin 0.8s infinite linear;}
@-webkit-keyframes gi-spin{
0%{-webkit-transform:rotate(0);transform:rotate(0);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes gi-spin{
0%{-webkit-transform:rotate(0);transform:rotate(0);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
|
