Css左侧的div更明亮？

Question

我有一个div，它是我的半网站的包装，左边是一个类别列表。包装纸本身为灰色。

我想要的是它会从灰色转换为白色。以下是我想要的示例图片：

有解决方法吗？

修改

如果它有任何帮助，这是我的包装器的css：

#wrapper{
width: 980px;
margin: 0 auto;
background: #f3f3f3;
}

Answer 1

如果我理解正确，您正在寻找添加渐变的方法。下面是一个渐变的CSS，从左到右依次为#FFFFFF到#F3F3F3。

请注意，渐变尚未标准化，许多浏览器都有自己的实现。这就是为什么有多个指令（Opera的前缀为-o-，Mozilla的-moz-等）：

#wrapper {
    ...
    background-image: 
        linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image: 
        -o-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image: 
        -moz-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image: 
        -webkit-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image: 
        -ms-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);

    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.35, rgb(255,255,255)),
        color-stop(0.84, rgb(243,243,243))
    );
}

这是一个方便的CSS Gradient Generator

Answer 2

你需要的是渐变 试试this generator或只阅读相关内容