linear-gradients

0热度

2回答

#woodwhite{position:absolute;left:1000px;width:345px;height:1400;top:0px;z-index:10; background:-webkit-linear-gradient(-90deg, rgba(255,255,255,0),rgba(255,255,255,1)); background:-o-linear-gradien

0热度

1回答

不太敏感/ CSS线梯度背景

因为我发现它challanging创建静态图像的背景，如下面的例子中，响应并覆盖不同的分辨率和高度/宽度，我用CSS3颜色梯度再现相同的背景思维和使其动态拉伸。我会在并欣赏工具/提示&技巧的/ etc如何重建这样的背景与CSS任何输入。我已经看过用于生成CSS规则，如http://www.css3factory.com/linear-gradients在线工具，但这些不会产生两种颜色之间明显的界

7热度

1回答

“大步”的CSS线性渐变

我正在尝试使用linear-gradient来做背景，但是我希望步骤“更大”。例如，不是逐个像素地改变像素，而是改变每N个像素的方式。只能用CSS才能做到吗？我对如何实现这一目标毫无头绪。所以我做了这个SVG例子来模拟我想实现什么： http://codepen.io/Goodwine/pen/fqgdB 要使用CSS我需要手动插入每一个，每一个颜色停止这样做，在这种情况下，我设置此“彩站”

0热度

1回答

CSS重复背景图像但不重复线性渐变

我有一个很酷的噪声重叠PNG，我想在我的网站上使用。但是，背景图像是线性渐变。如果我允许背景重复，它会正确覆盖PNG，但是如果页面内容比屏幕尺寸短，它也会重复渐变，这看起来很可怕。有没有办法我可以用CSS重复PNG叠加，但是不是的线性渐变？ BODY { background-color:#dedede; background-image: url(icons/noise_overlay

1热度

1回答

基于矢量的非装仓值生成图的颜色

我想根据第三个变量为xy图生成颜色。但是，我不想使用colorRampPalette或类似的方法，因为它们都创建了“预定义”的斜坡。也就是说，在两个极端之间，然后选择颜色的数量，然后函数“均匀”沿斜坡分布。为了给连续性带来幻想，人们必须收集数据，并希望人们猜测出许多颜色，结果不会让结果太不科学。这不是我想要的。我想是执行以下操作之一： valuea {arbitrary} = colora va

0热度

1回答

在html选择器中使用线性渐变的麻烦

所以我从来没有遇到过这样的问题。我有这样的： html { background: linear-gradient (#1f7c65, #60d4ae); } 它什么都不做。应该是超级简单的。我甚至剥离了所有其他的CSS，以确保没有其他影响它的东西。所以上面的这一行是适用于整个文档的唯一样式。如果我添加一个 background-color: red; 它工作正常。当我查

1热度

3回答

渐变帮助创建一个倾斜的div

所以我一直在试图用CSS来实现这一个形状，但没有好的解决方案。我需要这是一个图像，因为这个div可能调整大小，我希望它保持不变。我也试图创建一个效果不佳的SVG，我曾经看到有些人使用渐变来制作图形，但是我无法找到任何指导我朝着正确方向的好指南。任何帮助表示赞赏:)

3热度

1回答

如何给一个多边形渐变填充svg内？

我用这真棒jQuery插件 - http://benpickles.github.io/peity/ 基本上，它呈现小图形和图表中svg格式。在此svg元素内，有一个polygon和一个polyline。我需要能够给多边形填充渐变，而不是纯色。这里是原始HTML插件转换前： <td class="chartSection"> <span class="chart">100, 100.6

3热度

1回答

透明png上的渐变叠加

在我的网站上，我有一个PHP脚本，它基于$_GET查询将变成同一图像的重新着色版本。查询为07a的示例为available here。这里是PHP脚本，做这样的： <?php if (isset($_GET['color']) && $_GET['color'] !== "") $color = preg_match('/^([a-fA-F0-9]{3}|[a-fA-F0-9]{

3热度

2回答

线性渐变不准确

我在谷歌浏览器有点问题，我的梯度： body { background-image: linear-gradient(rgba(43,66,88,0) 144px,#f4f7fa 144px), radial-gradient(at top center, #44698b,#162a3c); } .header { height: 144px; } .main {