有没有一种使用 CSS 或 LESS 编程翻转元素背景的方法?具体来说,我想反转按钮的背景渐变。我不想翻转按钮的内容 - 只是背景。
例如,这样:
应该变成:
将以下 LESS 代码翻译成中文:
有没有一种方法可以在不需要单独为“.button”、“primary”和“secondary”类定义“:active”状态的情况下反转渐变方向?
例如,这样:
.button {background-image:linear-gradient(top, #000, #fff);}
应该变成:
.button:active {background-image:linear-gradient(top, #fff, #000);}
将以下 LESS 代码翻译成中文:
-----------编辑:添加更多细节。-----------
考虑以下 LESS 代码:
.button {
background-image:linear-gradient(top, red, green);
&.primary {background-image:linear-gradient(top, blue, yellow);}
&.secondary {background-image:linear-gradient(top, brown, grey);}
&:active {background-image:linear-gradient(top, ..., ...);}
}
有没有一种方法可以在不需要单独为“.button”、“primary”和“secondary”类定义“:active”状态的情况下反转渐变方向?
transform
来实际翻转元素,但这似乎对于这个问题来说有点过度。 - Spudley