Question

我有一个遍布各处的全局变量@temp-primary: #ff00ff; 我试图使用LESS每隔0.5秒交替颜色全局。在我的网站中，@temp-primary变量始终分配给color:。我该怎么做？我知道这可能是一些css动画，我只是不知道hwo使用less来实现这一点。

我已经

了

@var: 'Math.random(6)';

@temp-primary: fade(darken(spin(#F0F, @var*156), 15%), 75%);

然而，这只会使颜色随机化并且不会不断改变它

Answer 1

我不能肯定地说，但我相信这可能是解决问题的方法。这不能发表评论，所以我将其添加为答案。

以下是mixins的链接：http://lesscss.org/features/#mixins-feature

所以我们可以

@keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}
#animation{
   width: 100px;
    height: 100px;
    background-color: red;
    animation-name: example; 
    animation-duration: 4s; 
    animation-name: example;
    animation-duration: 4s;
}

@temp-primary: #animation();

应该可行。

作为替代方法，变量插值可能是您想要用更少的东西来研究的。

这是关于类似内容的另一篇SO帖子的链接。我希望这会有所帮助。

LESS - Assign mixin to variable and reuse

每0.5秒使用少量更改变量值

1 个答案: