從當前位置（未知）到底部的css動畫：0％

我有一個圖像伸出屏幕底部。我想使用CSS動畫來滑動圖像。從當前位置（未知）到底部的css動畫：0％

問題是圖像尺寸因窗口大小而異。因此，我不知道最初有多少圖像突出屏幕。

只要是我想要做的就是將圖像移到底部：0％

因此，代碼將類似於此不同的是，我不知道起點百分比（我不知道這是做-35 ％）。

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

有沒有辦法告訴CSS，我想動畫從開始/當前位置到底部：0％？

2015-06-03 Nikolay

css轉換/動畫依賴於您的輸入開始/結束值來計算**插值**。 – Leo

如果你想從元素的當前位置到底部使用css動畫做一個css動畫，就這樣做，你只需要應用底部位置和動畫即可。（可能使用絕對位置）。

2015-06-03 03:14:31 jfplataroti

謝謝你的迴應。我嘗試了你的建議，但它似乎與CSS轉換，我仍然需要提供底部的原始/當前值。如果我不那麼沒有動畫，元素只是立即改變它的位置。 – Nikolay

回答