小编Cyr*_*han的帖子

关键帧中的 SASS 变量不起作用

我正在尝试使用一些 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)

sass css-animations

2
推荐指数
1
解决办法
6174
查看次数

标签 统计

css-animations ×1

sass ×1