css - divの左側のCSSが明るいですか？

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グラデーションジェネレーターです

Answer 2

必要なのはグラデーションです。このジェネレーター
を 試すか、それらについて読んでください