我正在尝试使用一些 SASS 变量来更改 CSS 动画,但它似乎拒绝了我尝试的一切。我也尝试过将其格式化为 mixin,但没有成功。$waitTime 和 $fadeTime 分别初始化为 4.5 和 .5,远高于以下代码片段:
@keyframes fadeLoop{
0%{
height: auto;
transform: translate(-10%, 0);
opacity: 1;
}
(($waitTime/(($waitTime + $fadeTime)*10))*100) + %{
transform: translate(10%, 0);
opacity: 1;
}
((($waitTime + $fadeTime)/(($waitTime + $fadeTime)*10))*100) + %{
height: 0;
overflow: hidden;
}
100%{
}
}
Run Code Online (Sandbox Code Playgroud)
给出的错误是:
Error: Invalid CSS after "": expected keyframes selector (e.g. 10%), was "(($waitTime/(($..."
on line 131 of /Users/CyrusRoshan/GitHub/Active/CS2-Redesign/css/style.scss
126: 0%{
127: height: auto;
128: transform: translate(-10%, 0);
129: opacity: 1;
130: …Run Code Online (Sandbox Code Playgroud)