@whitesev/pops 2.2.8 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/dist/index.amd.js +2817 -3012
  2. package/dist/index.amd.js.map +1 -1
  3. package/dist/index.cjs.js +2817 -3012
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.esm.js +2817 -3012
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.iife.js +2817 -3012
  8. package/dist/index.iife.js.map +1 -1
  9. package/dist/index.system.js +2817 -3012
  10. package/dist/index.system.js.map +1 -1
  11. package/dist/index.umd.js +2817 -3012
  12. package/dist/index.umd.js.map +1 -1
  13. package/dist/types/src/Pops.d.ts +497 -192
  14. package/dist/types/src/PopsIcon.d.ts +2 -2
  15. package/dist/types/src/components/panel/index.d.ts +1 -1
  16. package/dist/types/src/components/rightClickMenu/index.d.ts +487 -182
  17. package/dist/types/src/components/tooltip/index.d.ts +2 -2
  18. package/dist/types/src/types/PopsDOMUtilsEventType.d.ts +256 -259
  19. package/dist/types/src/types/animation.d.ts +19 -19
  20. package/dist/types/src/types/button.d.ts +187 -196
  21. package/dist/types/src/types/components.d.ts +213 -229
  22. package/dist/types/src/types/event.d.ts +63 -63
  23. package/dist/types/src/types/global.d.ts +20 -20
  24. package/dist/types/src/types/icon.d.ts +32 -32
  25. package/dist/types/src/types/inst.d.ts +24 -24
  26. package/dist/types/src/types/main.d.ts +114 -122
  27. package/dist/types/src/types/mask.d.ts +49 -49
  28. package/dist/types/src/types/position.d.ts +60 -60
  29. package/package.json +13 -8
  30. package/src/Pops.ts +0 -209
  31. package/src/PopsAnimation.ts +0 -32
  32. package/src/PopsCSS.ts +0 -51
  33. package/src/PopsCore.ts +0 -44
  34. package/src/PopsIcon.ts +0 -95
  35. package/src/PopsInst.ts +0 -21
  36. package/src/components/alert/config.ts +0 -62
  37. package/src/components/alert/index.css +0 -0
  38. package/src/components/alert/index.ts +0 -181
  39. package/src/components/alert/types/index.ts +0 -30
  40. package/src/components/confirm/config.ts +0 -90
  41. package/src/components/confirm/index.css +0 -0
  42. package/src/components/confirm/index.ts +0 -192
  43. package/src/components/confirm/types/index.ts +0 -17
  44. package/src/components/drawer/config.ts +0 -89
  45. package/src/components/drawer/index.css +0 -35
  46. package/src/components/drawer/index.ts +0 -260
  47. package/src/components/drawer/types/index.ts +0 -61
  48. package/src/components/folder/config.ts +0 -147
  49. package/src/components/folder/folderIcon.ts +0 -28
  50. package/src/components/folder/index.css +0 -314
  51. package/src/components/folder/index.ts +0 -1050
  52. package/src/components/folder/types/index.ts +0 -101
  53. package/src/components/iframe/config.ts +0 -60
  54. package/src/components/iframe/index.css +0 -75
  55. package/src/components/iframe/index.ts +0 -351
  56. package/src/components/iframe/types/index.ts +0 -146
  57. package/src/components/loading/config.ts +0 -29
  58. package/src/components/loading/index.css +0 -66
  59. package/src/components/loading/index.ts +0 -114
  60. package/src/components/loading/types/index.ts +0 -40
  61. package/src/components/panel/config.ts +0 -550
  62. package/src/components/panel/handlerComponents.ts +0 -3277
  63. package/src/components/panel/index.css +0 -1292
  64. package/src/components/panel/index.ts +0 -213
  65. package/src/components/panel/types/components-button.ts +0 -69
  66. package/src/components/panel/types/components-common.ts +0 -55
  67. package/src/components/panel/types/components-deepMenu.ts +0 -85
  68. package/src/components/panel/types/components-forms.ts +0 -45
  69. package/src/components/panel/types/components-input.ts +0 -82
  70. package/src/components/panel/types/components-own.ts +0 -31
  71. package/src/components/panel/types/components-select.ts +0 -101
  72. package/src/components/panel/types/components-selectMultiple.ts +0 -133
  73. package/src/components/panel/types/components-slider.ts +0 -78
  74. package/src/components/panel/types/components-switch.ts +0 -57
  75. package/src/components/panel/types/components-textarea.ts +0 -69
  76. package/src/components/panel/types/index.ts +0 -177
  77. package/src/components/prompt/config.ts +0 -94
  78. package/src/components/prompt/index.css +0 -34
  79. package/src/components/prompt/index.ts +0 -222
  80. package/src/components/prompt/types/index.ts +0 -55
  81. package/src/components/rightClickMenu/config.ts +0 -130
  82. package/src/components/rightClickMenu/index.css +0 -88
  83. package/src/components/rightClickMenu/index.ts +0 -689
  84. package/src/components/rightClickMenu/types/index.ts +0 -91
  85. package/src/components/searchSuggestion/config.ts +0 -59
  86. package/src/components/searchSuggestion/index.ts +0 -708
  87. package/src/components/searchSuggestion/types/index.ts +0 -147
  88. package/src/components/tooltip/config.ts +0 -34
  89. package/src/components/tooltip/index.css +0 -196
  90. package/src/components/tooltip/index.ts +0 -655
  91. package/src/components/tooltip/types/index.ts +0 -125
  92. package/src/config/CommonCSSClassName.ts +0 -17
  93. package/src/config/GlobalConfig.ts +0 -80
  94. package/src/css/animation.css +0 -2245
  95. package/src/css/button.css +0 -542
  96. package/src/css/common.css +0 -52
  97. package/src/css/index.css +0 -254
  98. package/src/css/ninePalaceGridPosition.css +0 -50
  99. package/src/css/scrollbar.css +0 -22
  100. package/src/handler/PopsElementHandler.ts +0 -325
  101. package/src/handler/PopsHandler.ts +0 -719
  102. package/src/svg/arrowLeft.svg +0 -4
  103. package/src/svg/arrowRight.svg +0 -4
  104. package/src/svg/chromeFilled.svg +0 -14
  105. package/src/svg/circleClose.svg +0 -8
  106. package/src/svg/close.svg +0 -5
  107. package/src/svg/cpu.svg +0 -8
  108. package/src/svg/delete.svg +0 -5
  109. package/src/svg/documentCopy.svg +0 -5
  110. package/src/svg/edit.svg +0 -8
  111. package/src/svg/eleme.svg +0 -5
  112. package/src/svg/elemePlus.svg +0 -5
  113. package/src/svg/headset.svg +0 -5
  114. package/src/svg/hide.svg +0 -8
  115. package/src/svg/keyboard.svg +0 -8
  116. package/src/svg/loading.svg +0 -5
  117. package/src/svg/max.svg +0 -5
  118. package/src/svg/min.svg +0 -5
  119. package/src/svg/mise.svg +0 -5
  120. package/src/svg/monitor.svg +0 -5
  121. package/src/svg/next.svg +0 -5
  122. package/src/svg/picture.svg +0 -8
  123. package/src/svg/prev.svg +0 -5
  124. package/src/svg/search.svg +0 -5
  125. package/src/svg/share.svg +0 -5
  126. package/src/svg/upload.svg +0 -5
  127. package/src/svg/videoPause.svg +0 -5
  128. package/src/svg/videoPlay.svg +0 -5
  129. package/src/svg/view.svg +0 -5
  130. package/src/types/PopsDOMUtilsEventType.d.ts +0 -259
  131. package/src/types/animation.d.ts +0 -19
  132. package/src/types/button.d.ts +0 -196
  133. package/src/types/components.d.ts +0 -229
  134. package/src/types/event.d.ts +0 -63
  135. package/src/types/global.d.ts +0 -20
  136. package/src/types/icon.d.ts +0 -32
  137. package/src/types/inst.d.ts +0 -24
  138. package/src/types/main.d.ts +0 -122
  139. package/src/types/mask.d.ts +0 -49
  140. package/src/types/position.d.ts +0 -60
  141. package/src/utils/PopsDOMUtils.ts +0 -2649
  142. package/src/utils/PopsDOMUtilsEventsConfig.ts +0 -6
  143. package/src/utils/PopsInstanceUtils.ts +0 -801
  144. package/src/utils/PopsMathUtils.ts +0 -77
  145. package/src/utils/PopsSafeUtils.ts +0 -24
  146. package/src/utils/PopsUtils.ts +0 -430
package/src/css/animation.css DELETED
@@ -1,2245 +0,0 @@
1
- @keyframes rotating {
2
- 0% {
3
- transform: rotate(0);
4
- }
5
- to {
6
- transform: rotate(360deg);
7
- }
8
- }
9
- @keyframes iframeLoadingChange_85 {
10
- 0% {
11
- background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));
12
- }
13
- 20% {
14
- background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));
15
- }
16
- 40% {
17
- background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));
18
- }
19
- 60% {
20
- background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));
21
- }
22
- 80% {
23
- background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));
24
- }
25
- 100% {
26
- background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));
27
- }
28
- from {
29
- width: 75%;
30
- }
31
- to {
32
- width: 100%;
33
- }
34
- }
35
- @keyframes iframeLoadingChange {
36
- 0% {
37
- background: linear-gradient(to right, #4995dd, #fff, rgb(202 224 246));
38
- }
39
- 20% {
40
- background: linear-gradient(to right, #4995dd, #ead0d0, rgb(123 185 246));
41
- }
42
- 40% {
43
- background: linear-gradient(to right, #4995dd, #f4b7b7, rgb(112 178 244));
44
- }
45
- 60% {
46
- background: linear-gradient(to right, #4995dd, #ec9393, rgb(80 163 246));
47
- }
48
- 80% {
49
- background: linear-gradient(to right, #4995dd, #e87f7f, rgb(25 139 253));
50
- }
51
- 100% {
52
- background: linear-gradient(to right, #4995dd, #ee2c2c, rgb(0 124 247));
53
- }
54
- from {
55
- width: 0;
56
- }
57
- to {
58
- width: 75%;
59
- }
60
- }
61
-
62
- @keyframes searchSelectFalIn {
63
- from {
64
- opacity: 0;
65
- display: none;
66
- }
67
- to {
68
- display: block;
69
- opacity: 1;
70
- }
71
- }
72
- @keyframes searchSelectFalOut {
73
- from {
74
- display: block;
75
- opacity: 1;
76
- }
77
- to {
78
- opacity: 0;
79
- display: none;
80
- }
81
- }
82
-
83
- @keyframes pops-anim-wait-rotate {
84
- form {
85
- transform: rotate(0);
86
- }
87
- to {
88
- transform: rotate(360deg);
89
- }
90
- }
91
- @keyframes pops-anim-spread {
92
- 0% {
93
- opacity: 0;
94
- transform: scaleX(0);
95
- }
96
- 100% {
97
- opacity: 1;
98
- transform: scaleX(1);
99
- }
100
- }
101
- @keyframes pops-anim-shake {
102
- 0%,
103
- 100% {
104
- transform: translateX(0);
105
- }
106
- 10%,
107
- 30%,
108
- 50%,
109
- 70%,
110
- 90% {
111
- transform: translateX(-10px);
112
- }
113
- 20%,
114
- 40%,
115
- 60%,
116
- 80% {
117
- transform: translateX(10px);
118
- }
119
- }
120
- @keyframes pops-anim-rolling-left {
121
- 0% {
122
- opacity: 0;
123
- transform: translateX(-100%) rotate(-120deg);
124
- }
125
- 100% {
126
- opacity: 1;
127
- transform: translateX(0) rotate(0);
128
- }
129
- }
130
- @keyframes pops-anim-rolling-right {
131
- 0% {
132
- opacity: 0;
133
- transform: translateX(100%) rotate(120deg);
134
- }
135
- 100% {
136
- opacity: 1;
137
- transform: translateX(0) rotate(0);
138
- }
139
- }
140
- @keyframes pops-anim-slide-top {
141
- 0% {
142
- opacity: 0;
143
- transform: translateY(-200%);
144
- }
145
- 100% {
146
- opacity: 1;
147
- transform: translateY(0);
148
- }
149
- }
150
- @keyframes pops-anim-slide-bottom {
151
- 0% {
152
- opacity: 0;
153
- transform: translateY(200%);
154
- }
155
- 100% {
156
- opacity: 1;
157
- transform: translateY(0);
158
- }
159
- }
160
- @keyframes pops-anim-slide-left {
161
- 0% {
162
- opacity: 0;
163
- transform: translateX(-200%);
164
- }
165
- 100% {
166
- opacity: 1;
167
- transform: translateX(0);
168
- }
169
- }
170
- @keyframes pops-anim-slide-right {
171
- 0% {
172
- transform: translateX(200%);
173
- }
174
- 100% {
175
- opacity: 1;
176
- transform: translateX(0);
177
- }
178
- }
179
- @keyframes pops-anim-fadein {
180
- 0% {
181
- opacity: 0;
182
- }
183
- 100% {
184
- opacity: 1;
185
- }
186
- }
187
- @keyframes pops-anim-fadein-zoom {
188
- 0% {
189
- opacity: 0;
190
- transform: scale(0.5);
191
- }
192
- 100% {
193
- opacity: 1;
194
- transform: scale(1);
195
- }
196
- }
197
- @keyframes pops-anim-fadein-alert {
198
- 0% {
199
- transform: scale(0.5);
200
- }
201
- 45% {
202
- transform: scale(1.05);
203
- }
204
- 80% {
205
- transform: scale(0.95);
206
- }
207
- 100% {
208
- transform: scale(1);
209
- }
210
- }
211
- @keyframes pops-anim-don {
212
- 0% {
213
- opacity: 0;
214
- transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
215
- }
216
- 2.08333% {
217
- transform: matrix3d(
218
- 0.75266,
219
- 0,
220
- 0,
221
- 0,
222
- 0,
223
- 0.76342,
224
- 0,
225
- 0,
226
- 0,
227
- 0,
228
- 1,
229
- 0,
230
- 0,
231
- 0,
232
- 0,
233
- 1
234
- );
235
- }
236
- 4.16667% {
237
- transform: matrix3d(
238
- 0.81071,
239
- 0,
240
- 0,
241
- 0,
242
- 0,
243
- 0.84545,
244
- 0,
245
- 0,
246
- 0,
247
- 0,
248
- 1,
249
- 0,
250
- 0,
251
- 0,
252
- 0,
253
- 1
254
- );
255
- }
256
- 6.25% {
257
- transform: matrix3d(
258
- 0.86808,
259
- 0,
260
- 0,
261
- 0,
262
- 0,
263
- 0.9286,
264
- 0,
265
- 0,
266
- 0,
267
- 0,
268
- 1,
269
- 0,
270
- 0,
271
- 0,
272
- 0,
273
- 1
274
- );
275
- }
276
- 8.33333% {
277
- transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
278
- }
279
- 10.4167% {
280
- transform: matrix3d(
281
- 0.96482,
282
- 0,
283
- 0,
284
- 0,
285
- 0,
286
- 1.05202,
287
- 0,
288
- 0,
289
- 0,
290
- 0,
291
- 1,
292
- 0,
293
- 0,
294
- 0,
295
- 0,
296
- 1
297
- );
298
- }
299
- 12.5% {
300
- transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
301
- }
302
- 14.5833% {
303
- transform: matrix3d(
304
- 1.02563,
305
- 0,
306
- 0,
307
- 0,
308
- 0,
309
- 1.09149,
310
- 0,
311
- 0,
312
- 0,
313
- 0,
314
- 1,
315
- 0,
316
- 0,
317
- 0,
318
- 0,
319
- 1
320
- );
321
- }
322
- 16.6667% {
323
- transform: matrix3d(
324
- 1.04227,
325
- 0,
326
- 0,
327
- 0,
328
- 0,
329
- 1.08453,
330
- 0,
331
- 0,
332
- 0,
333
- 0,
334
- 1,
335
- 0,
336
- 0,
337
- 0,
338
- 0,
339
- 1
340
- );
341
- }
342
- 18.75% {
343
- transform: matrix3d(
344
- 1.05102,
345
- 0,
346
- 0,
347
- 0,
348
- 0,
349
- 1.06666,
350
- 0,
351
- 0,
352
- 0,
353
- 0,
354
- 1,
355
- 0,
356
- 0,
357
- 0,
358
- 0,
359
- 1
360
- );
361
- }
362
- 20.8333% {
363
- transform: matrix3d(
364
- 1.05334,
365
- 0,
366
- 0,
367
- 0,
368
- 0,
369
- 1.04355,
370
- 0,
371
- 0,
372
- 0,
373
- 0,
374
- 1,
375
- 0,
376
- 0,
377
- 0,
378
- 0,
379
- 1
380
- );
381
- }
382
- 22.9167% {
383
- transform: matrix3d(
384
- 1.05078,
385
- 0,
386
- 0,
387
- 0,
388
- 0,
389
- 1.02012,
390
- 0,
391
- 0,
392
- 0,
393
- 0,
394
- 1,
395
- 0,
396
- 0,
397
- 0,
398
- 0,
399
- 1
400
- );
401
- }
402
- 25% {
403
- transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
404
- }
405
- 27.0833% {
406
- transform: matrix3d(
407
- 1.03699,
408
- 0,
409
- 0,
410
- 0,
411
- 0,
412
- 0.98534,
413
- 0,
414
- 0,
415
- 0,
416
- 0,
417
- 1,
418
- 0,
419
- 0,
420
- 0,
421
- 0,
422
- 1
423
- );
424
- }
425
- 29.1667% {
426
- transform: matrix3d(
427
- 1.02831,
428
- 0,
429
- 0,
430
- 0,
431
- 0,
432
- 0.97688,
433
- 0,
434
- 0,
435
- 0,
436
- 0,
437
- 1,
438
- 0,
439
- 0,
440
- 0,
441
- 0,
442
- 1
443
- );
444
- }
445
- 31.25% {
446
- transform: matrix3d(
447
- 1.01973,
448
- 0,
449
- 0,
450
- 0,
451
- 0,
452
- 0.97422,
453
- 0,
454
- 0,
455
- 0,
456
- 0,
457
- 1,
458
- 0,
459
- 0,
460
- 0,
461
- 0,
462
- 1
463
- );
464
- }
465
- 33.3333% {
466
- transform: matrix3d(
467
- 1.01191,
468
- 0,
469
- 0,
470
- 0,
471
- 0,
472
- 0.97618,
473
- 0,
474
- 0,
475
- 0,
476
- 0,
477
- 1,
478
- 0,
479
- 0,
480
- 0,
481
- 0,
482
- 1
483
- );
484
- }
485
- 35.4167% {
486
- transform: matrix3d(
487
- 1.00526,
488
- 0,
489
- 0,
490
- 0,
491
- 0,
492
- 0.98122,
493
- 0,
494
- 0,
495
- 0,
496
- 0,
497
- 1,
498
- 0,
499
- 0,
500
- 0,
501
- 0,
502
- 1
503
- );
504
- }
505
- 37.5% {
506
- transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
507
- }
508
- 39.5833% {
509
- transform: matrix3d(
510
- 0.99617,
511
- 0,
512
- 0,
513
- 0,
514
- 0,
515
- 0.99433,
516
- 0,
517
- 0,
518
- 0,
519
- 0,
520
- 1,
521
- 0,
522
- 0,
523
- 0,
524
- 0,
525
- 1
526
- );
527
- }
528
- 41.6667% {
529
- transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
530
- }
531
- 43.75% {
532
- transform: matrix3d(
533
- 0.99237,
534
- 0,
535
- 0,
536
- 0,
537
- 0,
538
- 1.00413,
539
- 0,
540
- 0,
541
- 0,
542
- 0,
543
- 1,
544
- 0,
545
- 0,
546
- 0,
547
- 0,
548
- 1
549
- );
550
- }
551
- 45.8333% {
552
- transform: matrix3d(
553
- 0.99202,
554
- 0,
555
- 0,
556
- 0,
557
- 0,
558
- 1.00651,
559
- 0,
560
- 0,
561
- 0,
562
- 0,
563
- 1,
564
- 0,
565
- 0,
566
- 0,
567
- 0,
568
- 1
569
- );
570
- }
571
- 47.9167% {
572
- transform: matrix3d(
573
- 0.99241,
574
- 0,
575
- 0,
576
- 0,
577
- 0,
578
- 1.00726,
579
- 0,
580
- 0,
581
- 0,
582
- 0,
583
- 1,
584
- 0,
585
- 0,
586
- 0,
587
- 0,
588
- 1
589
- );
590
- }
591
- 50% {
592
- opacity: 1;
593
- transform: matrix3d(
594
- 0.99329,
595
- 0,
596
- 0,
597
- 0,
598
- 0,
599
- 1.00671,
600
- 0,
601
- 0,
602
- 0,
603
- 0,
604
- 1,
605
- 0,
606
- 0,
607
- 0,
608
- 0,
609
- 1
610
- );
611
- }
612
- 52.0833% {
613
- transform: matrix3d(
614
- 0.99447,
615
- 0,
616
- 0,
617
- 0,
618
- 0,
619
- 1.00529,
620
- 0,
621
- 0,
622
- 0,
623
- 0,
624
- 1,
625
- 0,
626
- 0,
627
- 0,
628
- 0,
629
- 1
630
- );
631
- }
632
- 54.1667% {
633
- transform: matrix3d(
634
- 0.99577,
635
- 0,
636
- 0,
637
- 0,
638
- 0,
639
- 1.00346,
640
- 0,
641
- 0,
642
- 0,
643
- 0,
644
- 1,
645
- 0,
646
- 0,
647
- 0,
648
- 0,
649
- 1
650
- );
651
- }
652
- 56.25% {
653
- transform: matrix3d(
654
- 0.99705,
655
- 0,
656
- 0,
657
- 0,
658
- 0,
659
- 1.0016,
660
- 0,
661
- 0,
662
- 0,
663
- 0,
664
- 1,
665
- 0,
666
- 0,
667
- 0,
668
- 0,
669
- 1
670
- );
671
- }
672
- 58.3333% {
673
- transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
674
- }
675
- 60.4167% {
676
- transform: matrix3d(
677
- 0.99921,
678
- 0,
679
- 0,
680
- 0,
681
- 0,
682
- 0.99884,
683
- 0,
684
- 0,
685
- 0,
686
- 0,
687
- 1,
688
- 0,
689
- 0,
690
- 0,
691
- 0,
692
- 1
693
- );
694
- }
695
- 62.5% {
696
- transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
697
- }
698
- 64.5833% {
699
- transform: matrix3d(
700
- 1.00057,
701
- 0,
702
- 0,
703
- 0,
704
- 0,
705
- 0.99795,
706
- 0,
707
- 0,
708
- 0,
709
- 0,
710
- 1,
711
- 0,
712
- 0,
713
- 0,
714
- 0,
715
- 1
716
- );
717
- }
718
- 66.6667% {
719
- transform: matrix3d(
720
- 1.00095,
721
- 0,
722
- 0,
723
- 0,
724
- 0,
725
- 0.99811,
726
- 0,
727
- 0,
728
- 0,
729
- 0,
730
- 1,
731
- 0,
732
- 0,
733
- 0,
734
- 0,
735
- 1
736
- );
737
- }
738
- 68.75% {
739
- transform: matrix3d(
740
- 1.00114,
741
- 0,
742
- 0,
743
- 0,
744
- 0,
745
- 0.99851,
746
- 0,
747
- 0,
748
- 0,
749
- 0,
750
- 1,
751
- 0,
752
- 0,
753
- 0,
754
- 0,
755
- 1
756
- );
757
- }
758
- 70.8333% {
759
- transform: matrix3d(
760
- 1.00119,
761
- 0,
762
- 0,
763
- 0,
764
- 0,
765
- 0.99903,
766
- 0,
767
- 0,
768
- 0,
769
- 0,
770
- 1,
771
- 0,
772
- 0,
773
- 0,
774
- 0,
775
- 1
776
- );
777
- }
778
- 72.9167% {
779
- transform: matrix3d(
780
- 1.00114,
781
- 0,
782
- 0,
783
- 0,
784
- 0,
785
- 0.99955,
786
- 0,
787
- 0,
788
- 0,
789
- 0,
790
- 1,
791
- 0,
792
- 0,
793
- 0,
794
- 0,
795
- 1
796
- );
797
- }
798
- 75% {
799
- transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
800
- }
801
- 77.0833% {
802
- transform: matrix3d(
803
- 1.00083,
804
- 0,
805
- 0,
806
- 0,
807
- 0,
808
- 1.00033,
809
- 0,
810
- 0,
811
- 0,
812
- 0,
813
- 1,
814
- 0,
815
- 0,
816
- 0,
817
- 0,
818
- 1
819
- );
820
- }
821
- 79.1667% {
822
- transform: matrix3d(
823
- 1.00063,
824
- 0,
825
- 0,
826
- 0,
827
- 0,
828
- 1.00052,
829
- 0,
830
- 0,
831
- 0,
832
- 0,
833
- 1,
834
- 0,
835
- 0,
836
- 0,
837
- 0,
838
- 1
839
- );
840
- }
841
- 81.25% {
842
- transform: matrix3d(
843
- 1.00044,
844
- 0,
845
- 0,
846
- 0,
847
- 0,
848
- 1.00058,
849
- 0,
850
- 0,
851
- 0,
852
- 0,
853
- 1,
854
- 0,
855
- 0,
856
- 0,
857
- 0,
858
- 1
859
- );
860
- }
861
- 83.3333% {
862
- transform: matrix3d(
863
- 1.00027,
864
- 0,
865
- 0,
866
- 0,
867
- 0,
868
- 1.00053,
869
- 0,
870
- 0,
871
- 0,
872
- 0,
873
- 1,
874
- 0,
875
- 0,
876
- 0,
877
- 0,
878
- 1
879
- );
880
- }
881
- 85.4167% {
882
- transform: matrix3d(
883
- 1.00012,
884
- 0,
885
- 0,
886
- 0,
887
- 0,
888
- 1.00042,
889
- 0,
890
- 0,
891
- 0,
892
- 0,
893
- 1,
894
- 0,
895
- 0,
896
- 0,
897
- 0,
898
- 1
899
- );
900
- }
901
- 87.5% {
902
- transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
903
- }
904
- 89.5833% {
905
- transform: matrix3d(
906
- 0.99991,
907
- 0,
908
- 0,
909
- 0,
910
- 0,
911
- 1.00013,
912
- 0,
913
- 0,
914
- 0,
915
- 0,
916
- 1,
917
- 0,
918
- 0,
919
- 0,
920
- 0,
921
- 1
922
- );
923
- }
924
- 91.6667% {
925
- transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
926
- }
927
- 93.75% {
928
- transform: matrix3d(
929
- 0.99983,
930
- 0,
931
- 0,
932
- 0,
933
- 0,
934
- 0.99991,
935
- 0,
936
- 0,
937
- 0,
938
- 0,
939
- 1,
940
- 0,
941
- 0,
942
- 0,
943
- 0,
944
- 1
945
- );
946
- }
947
- 95.8333% {
948
- transform: matrix3d(
949
- 0.99982,
950
- 0,
951
- 0,
952
- 0,
953
- 0,
954
- 0.99985,
955
- 0,
956
- 0,
957
- 0,
958
- 0,
959
- 1,
960
- 0,
961
- 0,
962
- 0,
963
- 0,
964
- 1
965
- );
966
- }
967
- 97.9167% {
968
- transform: matrix3d(
969
- 0.99983,
970
- 0,
971
- 0,
972
- 0,
973
- 0,
974
- 0.99984,
975
- 0,
976
- 0,
977
- 0,
978
- 0,
979
- 1,
980
- 0,
981
- 0,
982
- 0,
983
- 0,
984
- 1
985
- );
986
- }
987
- 100% {
988
- opacity: 1;
989
- transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
990
- }
991
- }
992
- @keyframes pops-anim-roll {
993
- 0% {
994
- transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
995
- }
996
- 100% {
997
- transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
998
- }
999
- }
1000
- @keyframes pops-anim-sandra {
1001
- 0% {
1002
- opacity: 0;
1003
- transform: scale3d(1.1, 1.1, 1);
1004
- }
1005
- 100% {
1006
- opacity: 1;
1007
- transform: scale3d(1, 1, 1);
1008
- }
1009
- }
1010
- @keyframes pops-anim-gather {
1011
- 0% {
1012
- opacity: 0;
1013
- transform: scale(5, 0);
1014
- }
1015
- 100% {
1016
- opacity: 1;
1017
- transform: scale(1, 1);
1018
- }
1019
- }
1020
- @keyframes pops-anim-spread-reverse {
1021
- 0% {
1022
- opacity: 1;
1023
- transform: scaleX(1);
1024
- }
1025
- 100% {
1026
- opacity: 0;
1027
- transform: scaleX(0);
1028
- }
1029
- }
1030
- @keyframes pops-anim-shake-reverse {
1031
- 0%,
1032
- 100% {
1033
- transform: translateX(10px);
1034
- }
1035
- 10%,
1036
- 30%,
1037
- 50%,
1038
- 70%,
1039
- 90% {
1040
- transform: translateX(-10px);
1041
- }
1042
- 20%,
1043
- 40%,
1044
- 60%,
1045
- 80% {
1046
- transform: translateX(0);
1047
- }
1048
- }
1049
- @keyframes pops-anim-rolling-left-reverse {
1050
- 0% {
1051
- opacity: 1;
1052
- transform: translateX(0) rotate(0);
1053
- }
1054
- 100% {
1055
- opacity: 0;
1056
- transform: translateX(-100%) rotate(-120deg);
1057
- }
1058
- }
1059
- @keyframes pops-anim-rolling-right-reverse {
1060
- 0% {
1061
- opacity: 1;
1062
- transform: translateX(0) rotate(0);
1063
- }
1064
- 100% {
1065
- opacity: 0;
1066
- transform: translateX(100%) rotate(120deg);
1067
- }
1068
- }
1069
- @keyframes pops-anim-slide-top-reverse {
1070
- 0% {
1071
- opacity: 1;
1072
- transform: translateY(0);
1073
- }
1074
- 100% {
1075
- opacity: 0;
1076
- transform: translateY(-200%);
1077
- }
1078
- }
1079
- @keyframes pops-anim-slide-bottom-reverse {
1080
- 0% {
1081
- opacity: 1;
1082
- transform: translateY(0);
1083
- }
1084
- 100% {
1085
- opacity: 0;
1086
- transform: translateY(200%);
1087
- }
1088
- }
1089
- @keyframes pops-anim-slide-left-reverse {
1090
- 0% {
1091
- opacity: 1;
1092
- transform: translateX(0);
1093
- }
1094
- 100% {
1095
- opacity: 0;
1096
- transform: translateX(-200%);
1097
- }
1098
- }
1099
- @keyframes pops-anim-slide-right-reverse {
1100
- 0% {
1101
- opacity: 1;
1102
- transform: translateX(0);
1103
- }
1104
- 100% {
1105
- transform: translateX(200%);
1106
- }
1107
- }
1108
- @keyframes pops-anim-fadein-reverse {
1109
- 0% {
1110
- opacity: 1;
1111
- }
1112
- 100% {
1113
- opacity: 0;
1114
- }
1115
- }
1116
- @keyframes pops-anim-fadein-zoom-reverse {
1117
- 0% {
1118
- opacity: 1;
1119
- transform: scale(1);
1120
- }
1121
- 100% {
1122
- opacity: 0;
1123
- transform: scale(0.5);
1124
- }
1125
- }
1126
- @keyframes pops-anim-fadein-alert-reverse {
1127
- 0% {
1128
- transform: scale(1);
1129
- }
1130
- 45% {
1131
- transform: scale(0.95);
1132
- }
1133
- 80% {
1134
- transform: scale(1.05);
1135
- }
1136
- 100% {
1137
- transform: scale(0.5);
1138
- }
1139
- }
1140
- @keyframes pops-anim-don-reverse {
1141
- 100% {
1142
- opacity: 0;
1143
- transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1144
- }
1145
- 97.9167% {
1146
- transform: matrix3d(
1147
- 0.75266,
1148
- 0,
1149
- 0,
1150
- 0,
1151
- 0,
1152
- 0.76342,
1153
- 0,
1154
- 0,
1155
- 0,
1156
- 0,
1157
- 1,
1158
- 0,
1159
- 0,
1160
- 0,
1161
- 0,
1162
- 1
1163
- );
1164
- }
1165
- 95.8333% {
1166
- transform: matrix3d(
1167
- 0.81071,
1168
- 0,
1169
- 0,
1170
- 0,
1171
- 0,
1172
- 0.84545,
1173
- 0,
1174
- 0,
1175
- 0,
1176
- 0,
1177
- 1,
1178
- 0,
1179
- 0,
1180
- 0,
1181
- 0,
1182
- 1
1183
- );
1184
- }
1185
- 93.75% {
1186
- transform: matrix3d(
1187
- 0.86808,
1188
- 0,
1189
- 0,
1190
- 0,
1191
- 0,
1192
- 0.9286,
1193
- 0,
1194
- 0,
1195
- 0,
1196
- 0,
1197
- 1,
1198
- 0,
1199
- 0,
1200
- 0,
1201
- 0,
1202
- 1
1203
- );
1204
- }
1205
- 91.6667% {
1206
- transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1207
- }
1208
- 89.5833% {
1209
- transform: matrix3d(
1210
- 0.96482,
1211
- 0,
1212
- 0,
1213
- 0,
1214
- 0,
1215
- 1.05202,
1216
- 0,
1217
- 0,
1218
- 0,
1219
- 0,
1220
- 1,
1221
- 0,
1222
- 0,
1223
- 0,
1224
- 0,
1225
- 1
1226
- );
1227
- }
1228
- 87.5% {
1229
- transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1230
- }
1231
- 85.4167% {
1232
- transform: matrix3d(
1233
- 1.02563,
1234
- 0,
1235
- 0,
1236
- 0,
1237
- 0,
1238
- 1.09149,
1239
- 0,
1240
- 0,
1241
- 0,
1242
- 0,
1243
- 1,
1244
- 0,
1245
- 0,
1246
- 0,
1247
- 0,
1248
- 1
1249
- );
1250
- }
1251
- 83.3333% {
1252
- transform: matrix3d(
1253
- 1.04227,
1254
- 0,
1255
- 0,
1256
- 0,
1257
- 0,
1258
- 1.08453,
1259
- 0,
1260
- 0,
1261
- 0,
1262
- 0,
1263
- 1,
1264
- 0,
1265
- 0,
1266
- 0,
1267
- 0,
1268
- 1
1269
- );
1270
- }
1271
- 81.25% {
1272
- transform: matrix3d(
1273
- 1.05102,
1274
- 0,
1275
- 0,
1276
- 0,
1277
- 0,
1278
- 1.06666,
1279
- 0,
1280
- 0,
1281
- 0,
1282
- 0,
1283
- 1,
1284
- 0,
1285
- 0,
1286
- 0,
1287
- 0,
1288
- 1
1289
- );
1290
- }
1291
- 79.1667% {
1292
- transform: matrix3d(
1293
- 1.05334,
1294
- 0,
1295
- 0,
1296
- 0,
1297
- 0,
1298
- 1.04355,
1299
- 0,
1300
- 0,
1301
- 0,
1302
- 0,
1303
- 1,
1304
- 0,
1305
- 0,
1306
- 0,
1307
- 0,
1308
- 1
1309
- );
1310
- }
1311
- 77.0833% {
1312
- transform: matrix3d(
1313
- 1.05078,
1314
- 0,
1315
- 0,
1316
- 0,
1317
- 0,
1318
- 1.02012,
1319
- 0,
1320
- 0,
1321
- 0,
1322
- 0,
1323
- 1,
1324
- 0,
1325
- 0,
1326
- 0,
1327
- 0,
1328
- 1
1329
- );
1330
- }
1331
- 75% {
1332
- transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1333
- }
1334
- 72.9167% {
1335
- transform: matrix3d(
1336
- 1.03699,
1337
- 0,
1338
- 0,
1339
- 0,
1340
- 0,
1341
- 0.98534,
1342
- 0,
1343
- 0,
1344
- 0,
1345
- 0,
1346
- 1,
1347
- 0,
1348
- 0,
1349
- 0,
1350
- 0,
1351
- 1
1352
- );
1353
- }
1354
- 70.8333% {
1355
- transform: matrix3d(
1356
- 1.02831,
1357
- 0,
1358
- 0,
1359
- 0,
1360
- 0,
1361
- 0.97688,
1362
- 0,
1363
- 0,
1364
- 0,
1365
- 0,
1366
- 1,
1367
- 0,
1368
- 0,
1369
- 0,
1370
- 0,
1371
- 1
1372
- );
1373
- }
1374
- 68.75% {
1375
- transform: matrix3d(
1376
- 1.01973,
1377
- 0,
1378
- 0,
1379
- 0,
1380
- 0,
1381
- 0.97422,
1382
- 0,
1383
- 0,
1384
- 0,
1385
- 0,
1386
- 1,
1387
- 0,
1388
- 0,
1389
- 0,
1390
- 0,
1391
- 1
1392
- );
1393
- }
1394
- 66.6667% {
1395
- transform: matrix3d(
1396
- 1.01191,
1397
- 0,
1398
- 0,
1399
- 0,
1400
- 0,
1401
- 0.97618,
1402
- 0,
1403
- 0,
1404
- 0,
1405
- 0,
1406
- 1,
1407
- 0,
1408
- 0,
1409
- 0,
1410
- 0,
1411
- 1
1412
- );
1413
- }
1414
- 64.5833% {
1415
- transform: matrix3d(
1416
- 1.00526,
1417
- 0,
1418
- 0,
1419
- 0,
1420
- 0,
1421
- 0.98122,
1422
- 0,
1423
- 0,
1424
- 0,
1425
- 0,
1426
- 1,
1427
- 0,
1428
- 0,
1429
- 0,
1430
- 0,
1431
- 1
1432
- );
1433
- }
1434
- 62.5% {
1435
- transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1436
- }
1437
- 60.4167% {
1438
- transform: matrix3d(
1439
- 0.99617,
1440
- 0,
1441
- 0,
1442
- 0,
1443
- 0,
1444
- 0.99433,
1445
- 0,
1446
- 0,
1447
- 0,
1448
- 0,
1449
- 1,
1450
- 0,
1451
- 0,
1452
- 0,
1453
- 0,
1454
- 1
1455
- );
1456
- }
1457
- 58.3333% {
1458
- transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1459
- }
1460
- 56.25% {
1461
- transform: matrix3d(
1462
- 0.99237,
1463
- 0,
1464
- 0,
1465
- 0,
1466
- 0,
1467
- 1.00413,
1468
- 0,
1469
- 0,
1470
- 0,
1471
- 0,
1472
- 1,
1473
- 0,
1474
- 0,
1475
- 0,
1476
- 0,
1477
- 1
1478
- );
1479
- }
1480
- 54.1667% {
1481
- transform: matrix3d(
1482
- 0.99202,
1483
- 0,
1484
- 0,
1485
- 0,
1486
- 0,
1487
- 1.00651,
1488
- 0,
1489
- 0,
1490
- 0,
1491
- 0,
1492
- 1,
1493
- 0,
1494
- 0,
1495
- 0,
1496
- 0,
1497
- 1
1498
- );
1499
- }
1500
- 52.0833% {
1501
- transform: matrix3d(
1502
- 0.99241,
1503
- 0,
1504
- 0,
1505
- 0,
1506
- 0,
1507
- 1.00726,
1508
- 0,
1509
- 0,
1510
- 0,
1511
- 0,
1512
- 1,
1513
- 0,
1514
- 0,
1515
- 0,
1516
- 0,
1517
- 1
1518
- );
1519
- }
1520
- 50% {
1521
- opacity: 1;
1522
- transform: matrix3d(
1523
- 0.99329,
1524
- 0,
1525
- 0,
1526
- 0,
1527
- 0,
1528
- 1.00671,
1529
- 0,
1530
- 0,
1531
- 0,
1532
- 0,
1533
- 1,
1534
- 0,
1535
- 0,
1536
- 0,
1537
- 0,
1538
- 1
1539
- );
1540
- }
1541
- 47.9167% {
1542
- transform: matrix3d(
1543
- 0.99447,
1544
- 0,
1545
- 0,
1546
- 0,
1547
- 0,
1548
- 1.00529,
1549
- 0,
1550
- 0,
1551
- 0,
1552
- 0,
1553
- 1,
1554
- 0,
1555
- 0,
1556
- 0,
1557
- 0,
1558
- 1
1559
- );
1560
- }
1561
- 45.8333% {
1562
- transform: matrix3d(
1563
- 0.99577,
1564
- 0,
1565
- 0,
1566
- 0,
1567
- 0,
1568
- 1.00346,
1569
- 0,
1570
- 0,
1571
- 0,
1572
- 0,
1573
- 1,
1574
- 0,
1575
- 0,
1576
- 0,
1577
- 0,
1578
- 1
1579
- );
1580
- }
1581
- 43.75% {
1582
- transform: matrix3d(
1583
- 0.99705,
1584
- 0,
1585
- 0,
1586
- 0,
1587
- 0,
1588
- 1.0016,
1589
- 0,
1590
- 0,
1591
- 0,
1592
- 0,
1593
- 1,
1594
- 0,
1595
- 0,
1596
- 0,
1597
- 0,
1598
- 1
1599
- );
1600
- }
1601
- 41.6667% {
1602
- transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1603
- }
1604
- 39.5833% {
1605
- transform: matrix3d(
1606
- 0.99921,
1607
- 0,
1608
- 0,
1609
- 0,
1610
- 0,
1611
- 0.99884,
1612
- 0,
1613
- 0,
1614
- 0,
1615
- 0,
1616
- 1,
1617
- 0,
1618
- 0,
1619
- 0,
1620
- 0,
1621
- 1
1622
- );
1623
- }
1624
- 37.5% {
1625
- transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1626
- }
1627
- 35.4167% {
1628
- transform: matrix3d(
1629
- 1.00057,
1630
- 0,
1631
- 0,
1632
- 0,
1633
- 0,
1634
- 0.99795,
1635
- 0,
1636
- 0,
1637
- 0,
1638
- 0,
1639
- 1,
1640
- 0,
1641
- 0,
1642
- 0,
1643
- 0,
1644
- 1
1645
- );
1646
- }
1647
- 33.3333% {
1648
- transform: matrix3d(
1649
- 1.00095,
1650
- 0,
1651
- 0,
1652
- 0,
1653
- 0,
1654
- 0.99811,
1655
- 0,
1656
- 0,
1657
- 0,
1658
- 0,
1659
- 1,
1660
- 0,
1661
- 0,
1662
- 0,
1663
- 0,
1664
- 1
1665
- );
1666
- }
1667
- 31.25% {
1668
- transform: matrix3d(
1669
- 1.00114,
1670
- 0,
1671
- 0,
1672
- 0,
1673
- 0,
1674
- 0.99851,
1675
- 0,
1676
- 0,
1677
- 0,
1678
- 0,
1679
- 1,
1680
- 0,
1681
- 0,
1682
- 0,
1683
- 0,
1684
- 1
1685
- );
1686
- }
1687
- 29.1667% {
1688
- transform: matrix3d(
1689
- 1.00119,
1690
- 0,
1691
- 0,
1692
- 0,
1693
- 0,
1694
- 0.99903,
1695
- 0,
1696
- 0,
1697
- 0,
1698
- 0,
1699
- 1,
1700
- 0,
1701
- 0,
1702
- 0,
1703
- 0,
1704
- 1
1705
- );
1706
- }
1707
- 27.0833% {
1708
- transform: matrix3d(
1709
- 1.00114,
1710
- 0,
1711
- 0,
1712
- 0,
1713
- 0,
1714
- 0.99955,
1715
- 0,
1716
- 0,
1717
- 0,
1718
- 0,
1719
- 1,
1720
- 0,
1721
- 0,
1722
- 0,
1723
- 0,
1724
- 1
1725
- );
1726
- }
1727
- 25% {
1728
- transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1729
- }
1730
- 22.9167% {
1731
- transform: matrix3d(
1732
- 1.00083,
1733
- 0,
1734
- 0,
1735
- 0,
1736
- 0,
1737
- 1.00033,
1738
- 0,
1739
- 0,
1740
- 0,
1741
- 0,
1742
- 1,
1743
- 0,
1744
- 0,
1745
- 0,
1746
- 0,
1747
- 1
1748
- );
1749
- }
1750
- 20.8333% {
1751
- transform: matrix3d(
1752
- 1.00063,
1753
- 0,
1754
- 0,
1755
- 0,
1756
- 0,
1757
- 1.00052,
1758
- 0,
1759
- 0,
1760
- 0,
1761
- 0,
1762
- 1,
1763
- 0,
1764
- 0,
1765
- 0,
1766
- 0,
1767
- 1
1768
- );
1769
- }
1770
- 18.75% {
1771
- transform: matrix3d(
1772
- 1.00044,
1773
- 0,
1774
- 0,
1775
- 0,
1776
- 0,
1777
- 1.00058,
1778
- 0,
1779
- 0,
1780
- 0,
1781
- 0,
1782
- 1,
1783
- 0,
1784
- 0,
1785
- 0,
1786
- 0,
1787
- 1
1788
- );
1789
- }
1790
- 16.6667% {
1791
- transform: matrix3d(
1792
- 1.00027,
1793
- 0,
1794
- 0,
1795
- 0,
1796
- 0,
1797
- 1.00053,
1798
- 0,
1799
- 0,
1800
- 0,
1801
- 0,
1802
- 1,
1803
- 0,
1804
- 0,
1805
- 0,
1806
- 0,
1807
- 1
1808
- );
1809
- }
1810
- 14.5833% {
1811
- transform: matrix3d(
1812
- 1.00012,
1813
- 0,
1814
- 0,
1815
- 0,
1816
- 0,
1817
- 1.00042,
1818
- 0,
1819
- 0,
1820
- 0,
1821
- 0,
1822
- 1,
1823
- 0,
1824
- 0,
1825
- 0,
1826
- 0,
1827
- 1
1828
- );
1829
- }
1830
- 12.5% {
1831
- transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1832
- }
1833
- 10.4167% {
1834
- transform: matrix3d(
1835
- 0.99991,
1836
- 0,
1837
- 0,
1838
- 0,
1839
- 0,
1840
- 1.00013,
1841
- 0,
1842
- 0,
1843
- 0,
1844
- 0,
1845
- 1,
1846
- 0,
1847
- 0,
1848
- 0,
1849
- 0,
1850
- 1
1851
- );
1852
- }
1853
- 8.33333% {
1854
- transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1855
- }
1856
- 6.25% {
1857
- transform: matrix3d(
1858
- 0.99983,
1859
- 0,
1860
- 0,
1861
- 0,
1862
- 0,
1863
- 0.99991,
1864
- 0,
1865
- 0,
1866
- 0,
1867
- 0,
1868
- 1,
1869
- 0,
1870
- 0,
1871
- 0,
1872
- 0,
1873
- 1
1874
- );
1875
- }
1876
- 4.16667% {
1877
- transform: matrix3d(
1878
- 0.99982,
1879
- 0,
1880
- 0,
1881
- 0,
1882
- 0,
1883
- 0.99985,
1884
- 0,
1885
- 0,
1886
- 0,
1887
- 0,
1888
- 1,
1889
- 0,
1890
- 0,
1891
- 0,
1892
- 0,
1893
- 1
1894
- );
1895
- }
1896
- 2.08333% {
1897
- transform: matrix3d(
1898
- 0.99983,
1899
- 0,
1900
- 0,
1901
- 0,
1902
- 0,
1903
- 0.99984,
1904
- 0,
1905
- 0,
1906
- 0,
1907
- 0,
1908
- 1,
1909
- 0,
1910
- 0,
1911
- 0,
1912
- 0,
1913
- 1
1914
- );
1915
- }
1916
- 0% {
1917
- opacity: 1;
1918
- transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
1919
- }
1920
- }
1921
- @keyframes pops-anim-roll-reverse {
1922
- 0% {
1923
- transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
1924
- }
1925
- 100% {
1926
- transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
1927
- }
1928
- }
1929
- @keyframes pops-anim-sandra-reverse {
1930
- 0% {
1931
- opacity: 1;
1932
- transform: scale3d(1, 1, 1);
1933
- }
1934
- 100% {
1935
- opacity: 0;
1936
- transform: scale3d(1.1, 1.1, 1);
1937
- }
1938
- }
1939
- @keyframes pops-anim-gather-reverse {
1940
- 0% {
1941
- opacity: 0;
1942
- transform: scale(5, 0);
1943
- }
1944
- 100% {
1945
- opacity: 0;
1946
- transform: scale(5, 0);
1947
- }
1948
- }
1949
-
1950
- @-webkit-keyframes pops-motion-fadeInTop {
1951
- 0% {
1952
- opacity: 0;
1953
- -webkit-transform: translateY(-30px);
1954
- transform: translateY(-30px);
1955
- }
1956
- 100% {
1957
- opacity: 1;
1958
- -webkit-transform: translateX(0);
1959
- transform: translateX(0);
1960
- }
1961
- }
1962
- @keyframes pops-motion-fadeInTop {
1963
- 0% {
1964
- opacity: 0;
1965
- transform: translateY(-30px);
1966
- -ms-transform: translateY(-30px);
1967
- }
1968
- 100% {
1969
- opacity: 1;
1970
- transform: translateX(0);
1971
- -ms-transform: translateX(0);
1972
- }
1973
- }
1974
- @-webkit-keyframes pops-motion-fadeOutTop {
1975
- 0% {
1976
- opacity: 10;
1977
- -webkit-transform: translateY(0);
1978
- transform: translateY(0);
1979
- }
1980
- 100% {
1981
- opacity: 0;
1982
- -webkit-transform: translateY(-30px);
1983
- transform: translateY(-30px);
1984
- }
1985
- }
1986
- @keyframes pops-motion-fadeOutTop {
1987
- 0% {
1988
- opacity: 1;
1989
- transform: translateY(0);
1990
- -ms-transform: translateY(0);
1991
- }
1992
- 100% {
1993
- opacity: 0;
1994
- transform: translateY(-30px);
1995
- -ms-transform: translateY(-30px);
1996
- }
1997
- }
1998
- @-webkit-keyframes pops-motion-fadeInBottom {
1999
- 0% {
2000
- opacity: 0;
2001
- -webkit-transform: translateY(20px);
2002
- transform: translateY(20px);
2003
- }
2004
- 100% {
2005
- opacity: 1;
2006
- -webkit-transform: translateY(0);
2007
- transform: translateY(0);
2008
- }
2009
- }
2010
- @keyframes pops-motion-fadeInBottom {
2011
- 0% {
2012
- opacity: 0;
2013
- -webkit-transform: translateY(20px);
2014
- transform: translateY(20px);
2015
- -ms-transform: translateY(20px);
2016
- }
2017
- 100% {
2018
- opacity: 1;
2019
- -webkit-transform: translateY(0);
2020
- transform: translateY(0);
2021
- -ms-transform: translateY(0);
2022
- }
2023
- }
2024
- @-webkit-keyframes pops-motion-fadeOutBottom {
2025
- 0% {
2026
- opacity: 1;
2027
- -webkit-transform: translateY(0);
2028
- transform: translateY(0);
2029
- }
2030
- 100% {
2031
- opacity: 0;
2032
- -webkit-transform: translateY(20px);
2033
- transform: translateY(20px);
2034
- }
2035
- }
2036
- @keyframes pops-motion-fadeOutBottom {
2037
- 0% {
2038
- opacity: 1;
2039
- -webkit-transform: translateY(0);
2040
- transform: translateY(0);
2041
- -ms-transform: translateY(0);
2042
- }
2043
- 100% {
2044
- opacity: 0;
2045
- -webkit-transform: translateY(20px);
2046
- transform: translateY(20px);
2047
- -ms-transform: translateY(20px);
2048
- }
2049
- }
2050
- @-webkit-keyframes pops-motion-fadeInLeft {
2051
- 0% {
2052
- opacity: 0;
2053
- -webkit-transform: translateX(-20px);
2054
- transform: translateX(-20px);
2055
- }
2056
- 100% {
2057
- opacity: 1;
2058
- -webkit-transform: translateX(0);
2059
- transform: translateX(0);
2060
- }
2061
- }
2062
- @keyframes pops-motion-fadeInLeft {
2063
- 0% {
2064
- opacity: 0;
2065
- -webkit-transform: translateX(-30px);
2066
- transform: translateX(-30px);
2067
- -ms-transform: translateX(-30px);
2068
- }
2069
- 100% {
2070
- opacity: 1;
2071
- -webkit-transform: translateX(0);
2072
- transform: translateX(0);
2073
- -ms-transform: translateX(0);
2074
- }
2075
- }
2076
- @-webkit-keyframes pops-motion-fadeOutLeft {
2077
- 0% {
2078
- opacity: 1;
2079
- -webkit-transform: translateX(0);
2080
- transform: translateX(0);
2081
- }
2082
- 100% {
2083
- opacity: 0;
2084
- -webkit-transform: translateX(-30px);
2085
- transform: translateX(-30px);
2086
- }
2087
- }
2088
- @keyframes pops-motion-fadeOutLeft {
2089
- 0% {
2090
- opacity: 1;
2091
- -webkit-transform: translateX(0);
2092
- transform: translateX(0);
2093
- -ms-transform: translateX(0);
2094
- }
2095
- 100% {
2096
- opacity: 0;
2097
- -webkit-transform: translateX(-20px);
2098
- transform: translateX(-20px);
2099
- -ms-transform: translateX(-20px);
2100
- }
2101
- }
2102
- @-webkit-keyframes pops-motion-fadeInRight {
2103
- 0% {
2104
- opacity: 0;
2105
- -webkit-transform: translateX(20px);
2106
- transform: translateX(20px);
2107
- }
2108
- 100% {
2109
- opacity: 1;
2110
- -webkit-transform: translateX(0);
2111
- transform: translateX(0);
2112
- }
2113
- }
2114
- @keyframes pops-motion-fadeInRight {
2115
- 0% {
2116
- opacity: 0;
2117
- -webkit-transform: translateX(20px);
2118
- transform: translateX(20px);
2119
- -ms-transform: translateX(20px);
2120
- }
2121
- 100% {
2122
- opacity: 1;
2123
- -webkit-transform: translateX(0);
2124
- transform: translateX(0);
2125
- -ms-transform: translateX(0);
2126
- }
2127
- }
2128
- @-webkit-keyframes pops-motion-fadeOutRight {
2129
- 0% {
2130
- opacity: 1;
2131
- -webkit-transform: translateX(0);
2132
- transform: translateX(0);
2133
- }
2134
- 100% {
2135
- opacity: 0;
2136
- -webkit-transform: translateX(20px);
2137
- transform: translateX(20px);
2138
- }
2139
- }
2140
- @keyframes pops-motion-fadeOutRight {
2141
- 0% {
2142
- opacity: 1;
2143
- -webkit-transform: translateX(0);
2144
- transform: translateX(0);
2145
- -ms-transform: translateX(0);
2146
- }
2147
- 100% {
2148
- opacity: 0;
2149
- -webkit-transform: translateX(20px);
2150
- transform: translateX(20px);
2151
- -ms-transform: translateX(20px);
2152
- }
2153
- }
2154
-
2155
- /* 动画 */
2156
- .pops-anim[anim="pops-anim-spread"] {
2157
- animation: pops-anim-spread 0.3s;
2158
- }
2159
- .pops-anim[anim="pops-anim-shake"] {
2160
- animation: pops-anim-shake 0.3s;
2161
- }
2162
- .pops-anim[anim="pops-anim-rolling-left"] {
2163
- animation: pops-anim-rolling-left 0.3s;
2164
- }
2165
- .pops-anim[anim="pops-anim-rolling-right"] {
2166
- animation: pops-anim-rolling-right 0.3s;
2167
- }
2168
- .pops-anim[anim="pops-anim-slide-top"] {
2169
- animation: pops-anim-slide-top 0.3s;
2170
- }
2171
- .pops-anim[anim="pops-anim-slide-bottom"] {
2172
- animation: pops-anim-slide-bottom 0.3s;
2173
- }
2174
- .pops-anim[anim="pops-anim-slide-left"] {
2175
- animation: pops-anim-slide-left 0.3s;
2176
- }
2177
- .pops-anim[anim="pops-anim-slide-right"] {
2178
- animation: pops-anim-slide-right 0.3s;
2179
- }
2180
- .pops-anim[anim="pops-anim-fadein"] {
2181
- animation: pops-anim-fadein 0.3s;
2182
- }
2183
- .pops-anim[anim="pops-anim-fadein-zoom"] {
2184
- animation: pops-anim-fadein-zoom 0.3s;
2185
- }
2186
- .pops-anim[anim="pops-anim-fadein-alert"] {
2187
- animation: pops-anim-fadein-alert 0.3s;
2188
- }
2189
- .pops-anim[anim="pops-anim-don"] {
2190
- animation: pops-anim-don 0.3s;
2191
- }
2192
- .pops-anim[anim="pops-anim-roll"] {
2193
- animation: pops-anim-roll 0.3s;
2194
- }
2195
- .pops-anim[anim="pops-anim-sandra"] {
2196
- animation: pops-anim-sandra 0.3s;
2197
- }
2198
- .pops-anim[anim="pops-anim-gather"] {
2199
- animation: pops-anim-gather 0.3s;
2200
- }
2201
- .pops-anim[anim="pops-anim-spread-reverse"] {
2202
- animation: pops-anim-spread-reverse 0.3s;
2203
- }
2204
- .pops-anim[anim="pops-anim-shake-reverse"] {
2205
- animation: pops-anim-shake-reverse 0.3s;
2206
- }
2207
- .pops-anim[anim="pops-anim-rolling-left-reverse"] {
2208
- animation: pops-anim-rolling-left-reverse 0.3s;
2209
- }
2210
- .pops-anim[anim="pops-anim-rolling-right-reverse"] {
2211
- animation: pops-anim-rolling-right-reverse 0.3s;
2212
- }
2213
- .pops-anim[anim="pops-anim-slide-top-reverse"] {
2214
- animation: pops-anim-slide-top-reverse 0.3s;
2215
- }
2216
- .pops-anim[anim="pops-anim-slide-bottom-reverse"] {
2217
- animation: pops-anim-slide-bottom-reverse 0.3s;
2218
- }
2219
- .pops-anim[anim="pops-anim-slide-left-reverse"] {
2220
- animation: pops-anim-slide-left-reverse 0.3s;
2221
- }
2222
- .pops-anim[anim="pops-anim-slide-right-reverse"] {
2223
- animation: pops-anim-slide-right-reverse 0.3s;
2224
- }
2225
- .pops-anim[anim="pops-anim-fadein-reverse"] {
2226
- animation: pops-anim-fadein-reverse 0.3s;
2227
- }
2228
- .pops-anim[anim="pops-anim-fadein-zoom-reverse"] {
2229
- animation: pops-anim-fadein-zoom-reverse 0.3s;
2230
- }
2231
- .pops-anim[anim="pops-anim-fadein-alert-reverse"] {
2232
- animation: pops-anim-fadein-alert-reverse 0.3s;
2233
- }
2234
- .pops-anim[anim="pops-anim-don-reverse"] {
2235
- animation: pops-anim-don-reverse 0.3s;
2236
- }
2237
- .pops-anim[anim="pops-anim-roll-reverse"] {
2238
- animation: pops-anim-roll-reverse 0.3s;
2239
- }
2240
- .pops-anim[anim="pops-anim-sandra-reverse"] {
2241
- animation: pops-anim-sandra-reverse 0.3s;
2242
- }
2243
- .pops-anim[anim="pops-anim-gather-reverse"] {
2244
- animation: pops-anim-gather-reverse 0.3s;
2245
- }