Question

例如，我想指定100％

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

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

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

Answer 1

以您要求的方式设置动画没有问题：

＆＃13;

@keyframes example {
    0%   {height: 0px;}
    100% {height: 100%;}
}

.container {
    height: auto; 
    animation: example 2s infinite;
    background-color: lightgreen;
    width: 100px;
}

html, body {
    height: 100%;
}

＆＃13;

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

＆＃13;

Answer 2

我对你的要求感到很困惑，但这是我的愚蠢假设。我假设您在询问是否可以在@keyframes中使用％单位。

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

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

2 个答案: