alvin/ict-algemeen-opdrachten
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/ict-algemeen-opdrachten.git synced 2026-03-06 21:29:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add confetti effect on correct guess in number guessing game

Browse Source
This commit is contained in:
vista-man
2025-01-27 20:19:49 +01:00
parent 5b2c9b856e
commit bc5853e2ed
2 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
JavaScript/raad het getal/style.css
View File

@@ -24,3 +24,30 @@ input, button {
font-size: 18px;
color: #555;
}
#confetti-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
}
.confetti {
position: absolute;
width: 10px;
height: 10px;
background-color: #ff0;
animation: fall 3s linear infinite;
}
@keyframes fall {
0% {
transform: translateY(-100vh) rotate(0deg);
}
100% {
transform: translateY(100vh) rotate(360deg);
}
}