2015-06-03 34 views
0

我有一个图像伸出屏幕底部。我想使用CSS动画来滑动图像。从当前位置(未知)到底部的css动画:0%

问题是图像尺寸因窗口大小而异。因此,我不知道最初有多少图像突出屏幕。

只要是我想要做的就是将图像移到底部:0%

因此,代码将类似于此不同的是,我不知道起点百分比(我不知道这是做-35 %)。

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

有没有办法告诉CSS,我想动画从开始/当前位置到底部:0%?

+0

css转换/动画依赖于您的输入开始/结束值来计算**插值**。 – Leo

回答

0

如果你想从元素的当前位置到底部使用css动画做一个css动画,就这样做,你只需要应用底部位置和动画即可。 (可能使用绝对位置)。

+0

谢谢你的回应。我尝试了你的建议,但它似乎与CSS转换,我仍然需要提供底部的原始/当前值。如果我不那么没有动画,元素只是立即改变它的位置。 – Nikolay

相关问题