not working

This commit is contained in:
MLH
2025-01-23 01:27:12 +01:00
parent c4a822be58
commit 821e3d1636
2 changed files with 32 additions and 10 deletions

View File

@ -13,6 +13,13 @@
overflow: hidden;
}
.hopping-rabbit {
position: absolute;
bottom: 20px;
width: 100px;
animation: bunny-move 10s linear infinite, bunny-hop 1s ease-in-out infinite;
}
/*
@media (max-width: 768px) {
#rabbit {
@ -37,7 +44,6 @@
-webkit-animation-duration: 7s, 3s;
-webkit-animation-timing-function: linear, ease-in-out;
-webkit-animation-iteration-count: infinite, infinite;
-webkit-user-select: none;
animation-name: easter-fall, easter-shake;
animation-duration: 7s, 3s;
animation-timing-function: linear, ease-in-out;
@ -97,23 +103,19 @@
@keyframes bunny-move {
0% {
top: -10%;
transform: translateX(-100%);
}
100% {
top: 100%;
transform: translateX(100%);
}
}
@keyframes bunny-hop {
0%,
100% {
transform: translateX(0);
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateX(80px);
transform: translateY(-30px);
}
}