Skip to content

Commit

Permalink
add bouncing ball
Browse files Browse the repository at this point in the history
  • Loading branch information
varian1 committed Sep 11, 2023
1 parent 4864426 commit c9e9ff7
Show file tree
Hide file tree
Showing 4 changed files with 54 additions and 1 deletion.
Binary file added Art/ball/bouncing-ball.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions Art/ball/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./style.css" />
<title>Ball</title>

</head>
<body>
<div class="ball"></div>
</body>
</html>
35 changes: 35 additions & 0 deletions Art/ball/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
body {
margin: 0;
padding: 0;
}

.ball {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
position: absolute;
top: 0;
left: 0;
margin-top: 100px;
position: absolute;

left: 50%;
transform: translate(-50%, -50%);
}

@keyframes bounce {
0% {
top: 0;
}
50% {
top: 100px;
}
100% {
top: 0;
}
}

.ball {
animation: bounce 2s infinite;
}
9 changes: 8 additions & 1 deletion include.js
Original file line number Diff line number Diff line change
Expand Up @@ -6553,13 +6553,20 @@ let cards = [
imageLink: './Art/detonate-button/detonate-button.gif',
author: 'carv066',
githubLink: 'https://github.com/carv0066'
}
},
{
artName: 'Rolling',
pageLink: './Art/OrnitCG/index.html',
imageLink: '.Art/OrnitCG/myGif.html',
author: 'OrnitCG',
githubLink: 'https://github.com/ornitcg'
},
{
artName: 'Bouncing Ball',
pageLink: './Art/ball/index.html',
imageLink: './Art/ball/bouncing-ball.gif',
author: 'Varian1',
githubLink: 'https://github.com/varian1'
}
];

Expand Down

0 comments on commit c9e9ff7

Please sign in to comment.