如何製作像CSS3這樣的雙色調漸變？

Question

我怎麼會做出兩種色調漸變這樣只用CSS3 ...

Answer 1

我已經爲您建立的jsfiddle例如：http://jsfiddle.net/PTcVt/（試圖得到大致相同的顏色如你，但你可能需要調整一下才能使它完美）

它使用純色背景色和白色，半透明的「漸變」疊加一半來完成。 '漸變'甚至不需要改變顏色;它只是用作固體背景顏色的疊加層。

像這樣：

.myblock { 背景色：＃0AE; background-image：linear-gradient（rgba（255，255，255，.2）50％，transparent 50％，transparent）; }

的CSS3Pie網站還可以實現一些什麼很好的例子：http://css3pie.com/demos/gradient-patterns/

（另外，如果你不知道，CSS3Pie本身，上面提到的網站，是一個偉大的小的JavaScript的黑客添加對CSS漸變（以及更多）對IE舊版本的支持）