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 comments and styling enhancements to number guessing game

Browse Source
This commit is contained in:
vista-man
2025-01-27 20:22:56 +01:00
parent 117ed9636a
commit 05e773e405
3 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,3 +1,4 @@
/* Basisstijl voor de body */
body {
font-family: Arial, sans-serif;
display: flex;
@@ -9,22 +10,26 @@ body {
margin: 0;
}
/* Stijl voor de koptekst */
h1 {
color: #333;
}
/* Stijl voor de invoer en knop */
input, button {
padding: 10px;
margin: 5px;
font-size: 16px;
}
/* Stijl voor het resultaatbericht */
#result {
margin-top: 20px;
font-size: 18px;
color: #555;
}
/* Stijl voor de confetti-container */
#confetti-container {
position: fixed;
top: 0;
@@ -35,14 +40,15 @@ input, button {
overflow: hidden;
}
/* Stijl voor de confetti-elementen */
.confetti {
position: absolute;
width: 10px;
height: 10px;
background-color: #ff0;
animation: fall 3s linear infinite;
}
/* Animatie voor de vallende confetti */
@keyframes fall {
0% {
transform: translateY(-100vh) rotate(0deg);