我可以指定關鍵幀的百分比？

Question

例如，我想，因爲我想動畫是可變的文本框的高度，指定100％

@keyframes example { 
    0% {height: 0px;} 
    100% {height: 100%;} 
} 

container { 
    height: auto; //variable height 
    animation-name: example; 
} 

。

Answer 1

有在設置動畫你問路沒有問題：

@keyframes example { 
 
    0% {height: 0px;} 
 
    100% {height: 100%;} 
 
} 
 

 
.container { 
 
    height: auto; 
 
    animation: example 2s infinite; 
 
    background-color: lightgreen; 
 
    width: 100px; 
 
} 
 

 
html, body { 
 
    height: 100%; 
 
}

<div class="container"></div>

Answer 2

我爲你所問的很迷茫，但是這是我愚蠢的假設。我假設你是問，如果你能在@keyframes用％的單位。

是的。您可以在CSS關鍵幀中使用百分比。