使CSS变量中指定的颜色变深

时间:2018-12-06 21:12:52

标签: css linear-gradients css-variables

我需要加深CSS变量中指定的颜色。

我有以下CSS代码:

background:linear-gradient(to right, 
                           var(--mainContainer-background) 80%,
                           @gray-light 100%);

CSS变量--mainContainer-background可以由用户使用一些JS即时更改,但是我想在我的背景渐变中设置此颜色的变暗,例如,我想要该渐变从比--mainContainer-background中存储的颜色深20%的颜色开始。

有可能吗?

1 个答案:

答案 0 :(得分:2)

您可以考虑上面的另一个带有透明黑色的渐变:

KTC
SELECT
    Item,
    Description,
    SearchBox,
    Ranking,
    'Part Word Match' as SearchType 
FROM
    [HypEcommerce].[dbo].[ProductSearch]
WHERE (
    [searchbox] like '%_' + trim(ltrim('veg')) +'_%'
    OR [searchbox] like '%_'+ rtrim(ltrim('veg'))+ ''
    OR [searchbox] like ''+ rtrim(ltrim('veg')) +'_%'    
)