如何制作像CSS3这样的双色调渐变？

我怎么会做出两种色调渐变这样只用CSS3 ...如何制作像CSS3这样的双色调渐变？

enter image description here

2011-10-22 firefusion

使用此工具：http://www.colorzilla.com/gradient-editor/ –

这是一个真正的问题，并且是一个有效的问题。这很简单，直截了当！ –

我已经为您建立的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旧版本的支持）

2011-10-22 10:22:12 Spudley

回答