广州市综治平台前端
xusd
3 days ago 9cbfaa22c35822e4f2f985907fce5da4c9ef7ac9
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
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}
 
.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
}
 
.animated.infinite {
    animation-iteration-count: infinite;
}
 
.animated.repeat-1 {
    animation-iteration-count: var(--animate-repeat);
}
 
.animated.repeat-2 {
    animation-iteration-count: calc(var(--animate-repeat) * 2);
}
 
.animated.repeat-3 {
    animation-iteration-count: calc(var(--animate-repeat) * 3);
}
 
.animated.delay-1s {
    animation-delay: var(--animate-delay);
}
 
.animated.delay-2s {
    animation-delay: calc(var(--animate-delay) * 2);
}
 
.animated.delay-3s {
    animation-delay: calc(var(--animate-delay) * 3);
}
 
.animated.delay-4s {
    animation-delay: calc(var(--animate-delay) * 4);
}
 
.animated.delay-5s {
    animation-delay: calc(var(--animate-delay) * 5);
}
 
.animated.faster {
    animation-duration: calc(var(--animate-duration) / 2);
}
 
.animated.fast {
    animation-duration: calc(var(--animate-duration) * 0.8);
}
 
.animated.slow {
    animation-duration: calc(var(--animate-duration) * 2);
}
 
.animated.slower {
    animation-duration: calc(var(--animate-duration) * 3);
}
 
@media print, (prefers-reduced-motion: reduce) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }
 
    .animated[class*='Out'] {
        opacity: 0;
    }
}