Skip to content

Commit d9c9b98

Browse files
interfinityOfficialinterfinityOfficial
committed
Added Day 84
1 parent ba80f60 commit d9c9b98

File tree

1 file changed

+94
-0
lines changed

1 file changed

+94
-0
lines changed

‎public/84/index.html‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Day 84/100</title>
7+
</head>
8+
<body>
9+
<main>
10+
<div class="circle"></div>
11+
</main>
12+
13+
<style>
14+
body {
15+
margin: 0;
16+
overflow: hidden;
17+
display: flex;
18+
justify-content: center;
19+
align-items: center;
20+
width: 100vw;
21+
height: 100vh;
22+
background-color: #fff;
23+
}
24+
25+
.circle {
26+
width: 50px;
27+
height: 50px;
28+
border-radius: 50%;
29+
outline: 10px solid #000;
30+
outline-offset: -10px;
31+
transform-origin: center center;
32+
33+
animation: circle-animation 8s ease-in-out infinite;
34+
}
35+
36+
@keyframes circle-animation {
37+
0% {
38+
scale: 1;
39+
border-radius: 50%;
40+
rotate: 0deg;
41+
background-color: #fff;
42+
}
43+
12.5% {
44+
scale: 1.5;
45+
border-radius: 50%;
46+
rotate: 0deg;
47+
background-color: #fff;
48+
}
49+
25% {
50+
scale: 1;
51+
border-radius: 50%;
52+
rotate: 0deg;
53+
background-color: #fff;
54+
}
55+
37.5% {
56+
scale: 1.5;
57+
border-radius: 50%;
58+
rotate: 0deg;
59+
background-color: #fff;
60+
}
61+
50% {
62+
scale: 1;
63+
border-radius: 50%;
64+
rotate: 0deg;
65+
background-color: #fff;
66+
}
67+
62.5% {
68+
scale: 1;
69+
border-radius: 0%;
70+
rotate: 180deg;
71+
background-color: #000;
72+
}
73+
75% {
74+
scale: 1;
75+
border-radius: 0%;
76+
rotate: 360deg;
77+
background-color: #000;
78+
}
79+
87.5% {
80+
scale: 1;
81+
border-radius: 0%;
82+
rotate: 540deg;
83+
background-color: #000;
84+
}
85+
100% {
86+
scale: 1;
87+
border-radius: 50%;
88+
rotate: 720deg;
89+
background-color: #fff;
90+
}
91+
}
92+
</style>
93+
</body>
94+
</html>

0 commit comments

Comments
 (0)