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

Question

如何仅使用CSS3制作这样的双色调渐变...

Answer 1

我为你创建了一个jsfiddle示例：http://jsfiddle.net/PTcVt/（试图获得与你大致相同的颜色，但你可能需要稍微调整它以使其完美）

使用纯色背景颜色，并结合白色半透明“渐变”覆盖其中的一半。 '渐变'甚至不需要改变颜色;它只是作为纯色背景的叠加层。

像这样：

.myblock {     background-color：＃0ae;     background-image：线性渐变（rgba（255,255,255，.2）50％，透明50％，透明）; }

CSS3Pie网站也有一些很好的例子：http://css3pie.com/demos/gradient-patterns/

（另外，如果您不知道，CSS3Pie本身，来自上面的网站，是一个很好的小javascript黑客，可以为旧版本的IE添加对CSS渐变（及更多）的支持）