Skip to content

Commit 03e7bc2

Browse files
actions-useractions-user
committed
(CI) Run Prettier
1 parent ec4704a commit 03e7bc2

File tree

9 files changed

+203
-172
lines changed

9 files changed

+203
-172
lines changed

‎Art/UserAkku-pentagon/index.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Pentagon Animation</title>
7-
<link rel="stylesheet" href="styles.css">
8-
</head>
9-
<body>
7+
<link rel="stylesheet" href="styles.css" />
8+
</head>
9+
<body>
1010
<div class="container">
11-
<div class="pentagon"></div>
12-
<div class="pentagon"></div>
13-
<div class="pentagon"></div>
14-
<div class="pentagon"></div>
15-
<div class="pentagon"></div>
11+
<div class="pentagon"></div>
12+
<div class="pentagon"></div>
13+
<div class="pentagon"></div>
14+
<div class="pentagon"></div>
15+
<div class="pentagon"></div>
1616
</div>
17-
</body>
17+
</body>
1818
</html>

‎Art/UserAkku-pentagon/meta.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
22
"githubHandle": "UserAkku",
33
"artName": "pentagon"
4-
}
4+
}

‎Art/UserAkku-pentagon/styles.css‎

Lines changed: 62 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1,92 +1,94 @@
11
body {
2-
margin: 0;
3-
height: 100vh;
4-
display: flex;
5-
justify-content: center;
6-
align-items: center;
7-
background: #1a1a2e;
8-
overflow: hidden;
2+
margin: 0;
3+
height: 100vh;
4+
display: flex;
5+
justify-content: center;
6+
align-items: center;
7+
background: #1a1a2e;
8+
overflow: hidden;
99
}
1010

1111
.container {
12-
position: relative;
13-
width: 400px;
14-
height: 400px;
12+
position: relative;
13+
width: 400px;
14+
height: 400px;
1515
}
1616

1717
.pentagon {
18-
position: absolute;
19-
width: 100px;
20-
height: 100px;
21-
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
22-
animation: rotate 4s linear infinite;
18+
position: absolute;
19+
width: 100px;
20+
height: 100px;
21+
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
22+
animation: rotate 4s linear infinite;
2323
}
2424

2525
.pentagon:nth-child(1) {
26-
background: #ff6b6b;
27-
top: 50%;
28-
left: 50%;
29-
transform: translate(-50%, -50%);
30-
animation: spin 3s linear infinite, pulse 2s ease-in-out infinite;
26+
background: #ff6b6b;
27+
top: 50%;
28+
left: 50%;
29+
transform: translate(-50%, -50%);
30+
animation: spin 3s linear infinite, pulse 2s ease-in-out infinite;
3131
}
3232

3333
.pentagon:nth-child(2) {
34-
background: #4ecdc4;
35-
top: 20%;
36-
left: 50%;
37-
transform: translate(-50%, -50%);
38-
animation: orbit 5s linear infinite;
34+
background: #4ecdc4;
35+
top: 20%;
36+
left: 50%;
37+
transform: translate(-50%, -50%);
38+
animation: orbit 5s linear infinite;
3939
}
4040

4141
.pentagon:nth-child(3) {
42-
background: #ffe66d;
43-
top: 80%;
44-
left: 50%;
45-
transform: translate(-50%, -50%);
46-
animation: orbit 5s linear infinite reverse;
42+
background: #ffe66d;
43+
top: 80%;
44+
left: 50%;
45+
transform: translate(-50%, -50%);
46+
animation: orbit 5s linear infinite reverse;
4747
}
4848

4949
.pentagon:nth-child(4) {
50-
background: #95e1d3;
51-
top: 50%;
52-
left: 20%;
53-
transform: translate(-50%, -50%);
54-
animation: orbit 6s linear infinite;
55-
animation-delay: 1s;
50+
background: #95e1d3;
51+
top: 50%;
52+
left: 20%;
53+
transform: translate(-50%, -50%);
54+
animation: orbit 6s linear infinite;
55+
animation-delay: 1s;
5656
}
5757

5858
.pentagon:nth-child(5) {
59-
background: #f38181;
60-
top: 50%;
61-
left: 80%;
62-
transform: translate(-50%, -50%);
63-
animation: orbit 6s linear infinite reverse;
64-
animation-delay: 1s;
59+
background: #f38181;
60+
top: 50%;
61+
left: 80%;
62+
transform: translate(-50%, -50%);
63+
animation: orbit 6s linear infinite reverse;
64+
animation-delay: 1s;
6565
}
6666

6767
@keyframes spin {
68-
0% {
69-
transform: translate(-50%, -50%) rotate(0deg);
70-
}
71-
100% {
72-
transform: translate(-50%, -50%) rotate(360deg);
73-
}
68+
0% {
69+
transform: translate(-50%, -50%) rotate(0deg);
70+
}
71+
100% {
72+
transform: translate(-50%, -50%) rotate(360deg);
73+
}
7474
}
7575

7676
@keyframes pulse {
77-
0%, 100% {
78-
transform: translate(-50%, -50%) scale(1);
79-
}
80-
50% {
81-
transform: translate(-50%, -50%) scale(1.3);
82-
}
77+
0%,
78+
100% {
79+
transform: translate(-50%, -50%) scale(1);
80+
}
81+
50% {
82+
transform: translate(-50%, -50%) scale(1.3);
83+
}
8384
}
8485

8586
@keyframes orbit {
86-
0% {
87-
transform: translate(-50%, -50%) rotate(0deg) translateX(120px) rotate(0deg);
88-
}
89-
100% {
90-
transform: translate(-50%, -50%) rotate(360deg) translateX(120px) rotate(-360deg);
91-
}
87+
0% {
88+
transform: translate(-50%, -50%) rotate(0deg) translateX(120px) rotate(0deg);
89+
}
90+
100% {
91+
transform: translate(-50%, -50%) rotate(360deg) translateX(120px)
92+
rotate(-360deg);
93+
}
9294
}

‎Art/WizardCarp85-Race-Car-Animate/index.html‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,27 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Neon Racer</title>
7-
<link rel="stylesheet" href="styles.css">
8-
</head>
9-
<body>
7+
<link rel="stylesheet" href="styles.css" />
8+
</head>
9+
<body>
1010
<div class="road">
11-
<div class="line"></div>
12-
<div class="line"></div>
13-
<div class="line"></div>
14-
<div class="line"></div>
15-
<div class="line"></div>
16-
17-
<div class="car">
18-
<div class="car-body">
19-
<div class="windshield"></div>
20-
<div class="wheel left"></div>
21-
<div class="wheel right"></div>
22-
</div>
23-
<div class="glow"></div>
11+
<div class="line"></div>
12+
<div class="line"></div>
13+
<div class="line"></div>
14+
<div class="line"></div>
15+
<div class="line"></div>
16+
17+
<div class="car">
18+
<div class="car-body">
19+
<div class="windshield"></div>
20+
<div class="wheel left"></div>
21+
<div class="wheel right"></div>
2422
</div>
23+
<div class="glow"></div>
24+
</div>
2525
</div>
26-
</body>
27-
</html>
26+
</body>
27+
</html>

‎Art/WizardCarp85-Race-Car-Animate/meta.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
22
"githubHandle": "WizardCarp85",
33
"artName": "Race-Car-Animate"
4-
}
4+
}

0 commit comments

Comments
 (0)