我发现这个css创建了背景渐变
html {
background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ccc, #000); /* for firefox 3.6+ */
}
Run Code Online (Sandbox Code Playgroud)
然而,它只创建一个小条,我希望它从整个页面的顶部到底部可以有人告诉我如何修改它以使其按照我想要的方式工作,或者即使它是可能的
哦,是的,它因为soeme的原因而重复
我希望将渐变作为背景图像

我怎么能实现这一目标
编辑:我想向下延伸到底部,但如果我重复它然后我看到顶部条增益,我希望黑暗部分保持在底部和中心部分扩大
我需要创建这样一个按钮响应:
http://666kb.com/i/c8fo3yb8fna7ji17u.jpg
我只想在css3中重新创建它,因为当我将它作为图像嵌入时,它没有响应.
但正如你所看到的,左上角只有一个渐变,所以我怎么意识到它?
我使用了几个梯度生成器但没有一个工作.
希望您能够帮助我.
首先,这与帖子中提到的上一个问题不同,因为我想要实现的是d3中整个树形图的渐变,就像我们在谷歌树形图中所拥有的那样.
我正在尝试实现http://bost.ocks.org/mike/treemap/并在同样的工作,但在d3我试图在其中有一个颜色渐变.
目前我正在这样做
color = d3.scale.category20c()
Run Code Online (Sandbox Code Playgroud)
和
.style("fill", function(d) { return color(d.name)})
在我的svg元素上.但是我想要一种更像渐变色的渐变色,以便使树图中更大的盒子更绿,更小的盒子更绿.是否有一种方法在d3/css中指定?
我不明白这段代码发生了什么.
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:bottom="10dp">
<shape android:shape="rectangle" >
<solid android:color="#ff8898A4" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<gradient
android:angle="90"
android:endColor="#ffD6DDD8"
android:startColor="#ffB1BBC3" />
</shape>
</item>
</layer-list>
Run Code Online (Sandbox Code Playgroud)
如果我将实体移动到渐变下方,则不会显示渐变.但它现在的稳固方式将不会显示出来.两个固体我没有任何麻烦.我究竟做错了什么?
我一直在探索谷歌图表的功能,现在我正在尝试自定义散点图.我有以下功能:
function drawScatterChart(){
var data = google.visualization.arrayToDataTable([
['Chance', 'Impact'],
[ 5, 4],
[ 1, 2]
]);
var options = {
hAxis: {title: 'Chance', minValue: 0, maxValue: 5},
vAxis: {title: 'Impact', minValue: 0, maxValue: 5},
legend: 'none',
'chartArea' : { 'backgroundColor' : '#F4F4F4' }
};
var chart = new google.visualization.ScatterChart(document.getElementById('scatter_chart'));
chart.draw(data, options);
}
Run Code Online (Sandbox Code Playgroud)
这成功地将chartArea的背景颜色更改为灰色,这很棒.但现在我想实现一个从图表的左下角到右上角的渐变,包含3种颜色(绿色到黄色到红色).
有没有办法将其破解到图表中,因为我一直试图在文档中找到任何内容,只能找到一些旧文档(即:https://developers.google.com/chart/image/docs/chart_params)但无法找到实现这一目标的方法.
谢谢!
我试图沿着圆形做一个渐变路径.与此示例非常相似.
http://bl.ocks.org/mbostock/4163057
这是D3版本3.我想这个更新到版本4.我固定的几个项目,如
d3.ns.prefix.svg现在是d3.namespaces.svg
d3.svg.line().interpolate("basis")现在d3.line().interpolateBasis;
什么杀了我是函数d3.line().interpolateBasis返回"行不是一个函数" d3.line并d3.arc返回NaN.
这是我在D3版本3中尝试做的工作版本
http:// jsfiddle.net/firetiki/k3q0d848/
以下是D3版本4的代码,其中v4的更改不起作用.我得到的行不是控制台中的一个功能.
http://jsfiddle.net/firetiki/9nwwgywz/
任何帮助,将不胜感激.也许我错过了版本更新的另一个变化?
我尝试在包装strip.background()功能的填充参数中创建颜色渐变ggplot2()。
这里是我想要的图片:

以及我尝试使用的代码:
# Charge random data
data('mtcars')
# Create fake variable in order to create title into coloured box
mtcars$tempvar <- "My title"
# Run the ggboxplot
ggboxplot(mtcars, x = "cyl", y = "qsec",
color = "cyl",
palette = c("#E7B800", "#FC4E07", "#00AFBB"),
ylab = "cyl", xlab = "qsec",
legend = "none") +
facet_grid(. ~ tempvar) +
theme(strip.background = element_rect(fill="darkgreen"),
strip.text = element_text(size=15, colour="white") )
Run Code Online (Sandbox Code Playgroud)
这给出:

因此,我尝试从scale_color_manual()或从中创建一个调色板colorRampPalette(c("yellow", "green"))并将其放入中,element_rect()但这没有用。
我也尝试从Google图片上传带有渐变色背景的图片,并将其粘贴到正确的位置,annotation_custom(rasterGrob(image)) …