如何使用CSS混合顏色？

Question

我想要一個帶有兩種顏色銀色的盒子，它應該慢慢變成白色，就像蘋果的主頁背景一樣。我怎麼做？

一如既往的感謝。

Answer 1

您正在尋找漸變背景？

http://www.tizag.com/cssT/background.php

尋找「CSS漸變背景」

那裏，如果你谷歌有更多的文章：漸變背景CSS

Answer 2

的基本思想是使用不漸變爲你的背景圖像。您將頁面的背景顏色發送到漸變的「結束」顏色，然後使用CSS以漸變背景圖像的方式應用漸變背景圖像，並在相反的方向上重複以使漸變流動。所以如果你想要一個100像素，銀白色，從上到下的漸變，你會創建一個100Hx1W的像素圖像，從上到下跨越你的顏色。將背景顏色設置爲白色，並應用橫跨x軸重複的背景圖像。您可以使用Photoshop或GIMP中的漸變工具輕鬆創建漸變。

#body 
{ 
    background: #ffffff url(/images/bg.jpg) repeat-x; 
} 

Answer 3

如果你想在這裏使用CSS3是一個很好的例子：http://css-tricks.com/examples/CSS3Gradient/

W/O CSS3，你必須湊合用的圖像水平重複（X-重複），類似於說什麼tvanfosson。