rDrama
/
rDrama
9
10
Fork 7
Code Issues Pull Requests Packages Releases Wiki Activity

make awards faster

pull/168/head
Aevann 2023-07-07 07:33:51 +03:00
parent f718ecfd38
commit 95fbe7b8be
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
files/assets/css/awards.css
View File

@ -28,8 +28,6 @@
.wholesome {animation: sealX 9s alternate}
.wholesome img {animation: sealY 10s alternate}
.wholesome:nth-child(even),
.wholesome:nth-child(n+2):nth-child(n+3) img
@ -39,7 +37,7 @@
100% {transform: translateX(98vw)}
}
@keyframes sealY {
100% {transform: translateY(85vh)}
100% {transform: translateY(80vh)}
}
.train:nth-child(1), .scooter:nth-child(1) {top:2%}
@ -47,19 +45,27 @@
.train:nth-child(3), .scooter:nth-child(3) {top:52%}
.train:nth-child(4), .scooter:nth-child(4) {top:77%}
.train {animation: train 12s;}
.train:nth-child(odd) {animation-direction: reverse;}
.train:nth-child(odd) img {transform: scaleX(-1);}
@keyframes train {
from {transform: translateX(-3vw)}
to {transform: translateX(99vw)}
from {transform: translateX(-10vw)}
to {transform: translateX(110vw)}
}
.scooter {animation: train 14s;}
.scooter:nth-child(even) {animation-direction: reverse;}
.scooter:nth-child(even) img {transform: scaleX(-1);}
.wholesome {animation: sealX 8s alternate}
.wholesome img {animation: sealY 9s alternate}
.train, .scooter {animation: train 12s;}
@media (max-width: 768px) {
.wholesome {animation: sealX 6s alternate}
.wholesome img {animation: sealY 7s alternate}
.train, .scooter {animation: train 6s;}
}
/*confetti*/
.confetti {
background-image: url(/assets/images/confetti2.webp);