Eidam/PetPet
1
0
Fork 0
mirror of https://github.com/MrEidam/PetPet.git synced 2026-04-17 15:43:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added money display everywhere + 2048 'makes' money

Browse Source
This commit is contained in:
MrEidam
2024-09-02 00:51:46 +02:00
parent 94038d4f6c
commit c110a916f3
10 changed files with 204 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Games/RockPaperScissors/index.html
View File

@@ -9,6 +9,10 @@
<title>Rock Paper Scisors</title>
</head>
<body>
<article class="cash">
<img src="../money.png" style="height: 1rem;">
<p>Money: <span id="money">0</span></p>
</article>
<h1 id="opponent-score">0</h1>
<section>
<article class="choiBACK">

44
Games/RockPaperScissors/style.css
View File

@@ -112,4 +112,48 @@ section{
width: 69px;
aspect-ratio: 1;
}
}
.cash{
position: absolute;
left: 0;
top: 0;
background: #222222cc;
padding: .5rem;
border-radius: 0 0 1rem 0;
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
}
.cash img{
margin-right: .5rem;
aspect-ratio: 1/1;
object-fit: contain;
filter: none;
}
.coins{
position: absolute;
color: red;
z-index: 5;
user-select: none;
left: 135px;
top: 17px;
transform: translate(-50%, -50%);
animation: money .15s ease-in;
}
@keyframes money{
from{
transform: translate(-50%, -50%);
opacity: 1;
top: 17px;
}
to{
transform: translate(-50%, -50%);
opacity: 0;
top: -10px;
}
}