キーフレームにパーセンテージを指定できますか？例えば

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キーフレームでパーセント値を使用できます。