css动画从当前位置（未知）到底部：0％

Question

我的图像从屏幕底部伸出。我想使用CSS动画向上滑动图像。

问题是图像尺寸取决于窗口的大小。因此，我最初不知道有多少图像突出屏幕。

我想要做的就是将图像移到底部：0％

所以代码看起来与此类似，只是我不知道起始百分比（我不知道它是-35％）。

@-moz-keyframes moveUpImage
{
    0% { bottom: -35% }
    100% { bottom: 0% }
}

有没有办法告诉CSS我希望动画从开始/当前位置变为底部：0％？

Answer 1

如果你想从元素的当前位置到底部使用css过渡，那么就这样做你需要应用底部位置并且动画将会发生。 （可能使用绝对位置）。