not working
This commit is contained in:
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user