我可以在关键帧中指定百分比吗？

Question

例如，我想指定 100%

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

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

因为我想要设置动画的文本框的高度是可变的。

Answer 1

我很不明白你在问什么，但这是我愚蠢的假设。我假设您是在询问是否可以在 @keyframes.

中使用 % 单位

是的。您可以在 CSS 关键帧中使用百分比。

Answer 2

按照您的要求设置动画没有问题：

@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>

我可以在关键帧中指定百分比吗？

Can I specify percentages in keyframes?

css

animation

keyframe

css-animations