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

你需要的是漸變。
試試這個生成器或只是閱讀它們