I am trying to create a CSS animation to slide up an image that is sticking out of the bottom of the screen. The challenge is that the dimensions of the image are variable, so I don't know how much of it is initially visible outside the screen.
What I want to achieve is to move the image to "bottom: 0%" using an animation.
The issue lies in not knowing the exact starting percentage (e.g. -35%) for the animation.
@-moz-keyframes moveUpImage
{
0% { bottom: -35% }
100% { bottom: 0% }
}
Is there a way in CSS to specify that I want the animation to transition from the current position to "bottom: 0%"?