Fly shop apples out from the creature that made them.
This commit is contained in:
@@ -1048,6 +1048,31 @@ h3 {
|
||||
animation-name: summon-from-left;
|
||||
}
|
||||
|
||||
/* Apple/bee spawned in the shop, flying out from the creature that made it. */
|
||||
@keyframes spawn-fly {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translate(-50%, -50%) scale(0.4) rotate(-10deg);
|
||||
}
|
||||
20% {
|
||||
opacity: 1;
|
||||
transform: translate(-50%, -85%) scale(1.35) rotate(4deg);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translate(-50%, -165%) scale(1) rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
.spawn-flyer {
|
||||
position: fixed;
|
||||
z-index: 60;
|
||||
font-size: 2rem;
|
||||
pointer-events: none;
|
||||
animation: spawn-fly 1000ms ease-out forwards;
|
||||
filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
|
||||
/* --- foods waiting for a pet --- */
|
||||
|
||||
.pending-foods {
|
||||
|
||||
Reference in New Issue
Block a user