milknet/pages
1
0
Fork 0
mirror of https://github.com/milk-net/milk-net.github.io.git synced 2025-04-20 10:03:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update style.css

Browse source
This commit is contained in:
Voxel 2025-04-14 16:47:21 -04:00 • committed by GitHub
parent 53af769168
commit ac6bbadd89
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 57 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
assets/games/casino/style.css
View file

@ -67,3 +67,60 @@ button:hover {
.hidden { .hidden {
display: none; display: none;
} }
/* Slots Animation */
@keyframes spinReel {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
.reel {
display: inline-block;
width: 30px;
height: 30px;
margin: 0 5px;
overflow: hidden;
position: relative;
text-align: center;
}
.reel span {
display: block;
animation: spinReel 0.5s ease-out;
font-size: 24px;
}
/* Roulette Animation */
@keyframes spinRoulette {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(720deg);
}
}
#roulette-animation {
width: 80px;
height: 80px;
margin: 10px auto;
border: 5px solid #fff;
border-top: 5px solid red;
border-radius: 50%;
animation: none;
}
/* Crash Animation */
#crash-animation {
width: 100%;
height: 10px;
background: linear-gradient(to right, #4CAF50, #f44336);
transform-origin: left;
transform: scaleX(0);
transition: transform 1s ease-out;
margin-bottom: 10px;
}