blob: 72f1fa4c96d8f2991cbc524d4cb6749a572b38e9 (
plain)
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
|
body {
overflow: hidden;
touch-action: none;
}
@keyframes color {
10% {
color: #a43535;
}
20% {
color: #ff7b00;
}
30% {
color: #ffff51;
}
40% {
color: #a7ff4e;
}
50% {
color: #7addfe;
}
60% {
color: #6b6bfd;
}
70% {
color: #ca61ff;
}
80% {
color: #ff54af;
}
90% {
color: #f3bbff;
}
}
svg {
color: #f3bbff;
font-size: 240px;
animation: color 10s infinite linear;
position: absolute;
}
div {
position: absolute;
border-radius: 50%;
background-color: #007bff;
transition: transform 1000ms ease-in-out, opacity 1000ms ease-in-out;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
height: 100vh;
}
|