Skip to content

Commit b8c1b51

Browse files
rusheedrobertsrusheedroberts
authored
rush (#2970)
* rush * Delete Art/rushimation/Rushimation.gif * Update index.html * Update and rename style.css to styles.css * Create meta.json * folder renamed * Update meta.json * folder deleted * file remmoved
1 parent 78502f5 commit b8c1b51

3 files changed

Lines changed: 77 additions & 0 deletions

File tree

‎Art/rusheedroberts-rushimation/index.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link rel="stylesheet" type="text/css" href="styles.css">
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Rushimation</title>
8+
</head>
9+
<body>
10+
<h1>
11+
<span>R</span>
12+
<span>U</span>
13+
<span>S</span>
14+
<span>H</span>
15+
<span>E</span>
16+
<span>E</span>
17+
<span>D</span>
18+
<span>!</span>
19+
</h1>
20+
21+
</body>
22+
23+
</html>

‎Art/rusheedroberts-rushimation/meta.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"artName": "rushimation",
3+
"githubHandle": "rusheedroberts"
4+
}

‎Art/rusheedroberts-rushimation/styles.css‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
body {
2+
background: #a855f7;
3+
display: flex;
4+
align-items: center;
5+
justify-content: center;
6+
height: 100vh;
7+
overflow: hidden;
8+
}
9+
span {
10+
position: relative; /* Added this to allow 'top' property */
11+
font-family: sans-serif;
12+
top: 20px;
13+
color: #fff;
14+
display: inline-block;
15+
font-size: 5rem;
16+
text-shadow: 0 1px 0 #b7b7b7, 0 2px 0 #b7b7b7, 0 3px 0 #b7b7b7, 0 4px 0 #b7b7b7, 0 5px 0 #b7b7b7, 0 6px 0 transparent, 0 7px 0 transparent, 0 8px 0 transparent, 0 9px 0 transparent, 0 10px 10px rgba(0, 0,0.5);
17+
animation: bounce 0.4s ease-in-out infinite alternate;
18+
}
19+
h1, span:nth-child(2) {
20+
animation-delay: 0.1s;
21+
}
22+
h1 span:nth-child(3) {
23+
animation-delay: 0.2s;
24+
}
25+
h1 span:nth-child(4) {
26+
animation-delay: 0.24s;
27+
}
28+
h1 span:nth-child(5) {
29+
animation-delay: 0.6s;
30+
}
31+
h1 span:nth-child(6) {
32+
animation-delay: 0.10s;
33+
}
34+
h1 span:nth-child(8) {
35+
animation-delay: 0.15s;
36+
}
37+
38+
@keyframes bounce {
39+
100% {
40+
top: -20px;
41+
text-shadow: 0 1px 0 #ccc,
42+
0 2px 0 #ccc,
43+
0 3px 0 #ccc,
44+
0 4px 0 #ccc,
45+
0 5px 0 #ccc,
46+
0 6px 0 #ccc,
47+
0 7px 0 #ccc,
48+
0 8px 0 #ccc;
49+
}
50+
}

0 commit comments

Comments
 (0)