Questions tagged «gradient»

指定一系列位置相关的颜色,通常用于填充区域。


12
在主体上设置的CSS3渐变背景不会拉伸,而是会重复吗?
好的,说里面的内容<body>总计高300像素。 如果我设置<body>使用-webkit-gradient或的背景-moz-linear-gradient 然后,我将窗口最大化(或使其高度大于300px),渐变将恰好是300px(内容的高度),然后重复进行以填充窗口的其余部分。 我假设这不是错误,因为在webkit和gecko中都是相同的。 但是,是否有一种方法可以使渐变拉伸以填充窗口而不是重复?
429 css  gradient 

7
CSS3透明度+渐变
RGBA是非常有趣的,所以是-webkit-gradient,-moz-gradient和呃... progid:DXImageTransform.Microsoft.gradient...是啊。:) 有没有一种方法可以将RGBA和渐变这两者结合起来,以便使用当前/最新的CSS规范可以实现alpha透明度的渐变。
286 css  gradient 

17
渐变边框
我试图将渐变应用于边框,我认为这样做很简单: border-color: -moz-linear-gradient(top, #555555, #111111); 但这是行不通的。 有谁知道做边界渐变的正确方法是什么?
274 css  gradient 

9
Android LinearLayout渐变背景
我在将渐变背景应用于LinearLayout时遇到问题。 根据我所读的内容,这应该相对简单,但似乎不起作用。作为参考,我正在开发2.1-update1。 header_bg.xml: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:angle="90" android:startColor="#FFFF0000" android:endColor="#FF00FF00" android:type="linear"/> </shape> main_header.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="50dip" android:orientation="horizontal" android:background="@drawable/header_bg"> </LinearLayout> 如果我将@ drawable / header_bg更改为一种颜色-例如#FF0000,则可以正常工作。我在这里错过明显的东西吗?

9
如何在Android中制作渐变背景
我想创建渐变背景,其中渐变在上半部分,下半部分有纯色,如下图所示: 我不能因为centerColor覆盖面覆盖底部和顶部。 如何制作像第一张图片一样的背景?如何centerColor缩小没有散布的小东西? 这是上面背景按钮的XML中的代码。 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <gradient android:startColor="#6586F0" android:centerColor="#D6D6D6" android:endColor="#4B6CD6" android:angle="90"/> <corners android:radius="0dp"/> </shape>

15
在渐变背景中使用CSS3过渡
我试图在css上的缩略图上进行悬停过渡,以便在悬停时背景渐变消失。过渡不起作用,但是如果我简单地将其更改为一个rgba()值,则可以正常工作。不支持渐变吗?我也尝试过使用图像,它也不会转换图像。 我知道这是有可能的,就像在另一篇文章中有人做的那样,但我不知道具体如何。任何帮助>以下是一些可使用的CSS: #container div a { -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; position: absolute; width: 200px; height: 150px; border: 1px #000 solid; margin: 30px; z-index: 2 } #container div a:hover { background: -webkit-gradient(radial, 100 75, 100, 100 75, 0, from(rgba(0, …

17
IE9边界半径和背景渐变出血
IE9显然可以通过使用CSS3标准定义来处理圆角border-radius。 支持边界半径和背景渐变怎么样?是的,IE9分别支持它们,但是如果将两者混合使用,则渐变会从圆角流出。 我还看到阴影在圆角框下面显示为实心黑线的奇怪现象。 这是IE9中显示的图像: 我该如何解决此问题?

5
多渐变形状
我想创建一个类似于下图的形状: 请注意,从颜色1到颜色2的上半部渐变,但是从颜​​色3到颜色4的下半部渐变。两半,并以2种不同的渐变制成1个形状。 有任何想法吗?
177 android  gradient  shapes 

19
从UIColor中获得较浅和较深的颜色
我一直希望能够将任何UIColor变成渐变。我打算这样做的方法是使用Core Graphics绘制渐变。我想做的就是获得一种颜色,让我们说: [UIColor colorWithRed:0.5 green:0.5 blue:0.5 alpha:1.0]; 并获得一个UIColor,它的阴影要深一些,而阴影要浅一些。有谁知道如何做到这一点?谢谢。


10
Internet Explorer 9中的渐变
是否有人知道IE9中渐变的供应商前缀,还是我们仍然应该使用他们的专有过滤器? 我为其他浏览器提供的是: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */ 另外,有人知道Opera的供应商前缀吗?

7
Android中的圆形渐变
我正在尝试使渐变从屏幕中间以白色发出,并随着其向屏幕边缘移动而变为黑色。 当我像这样制作“正常”渐变时,我一直在尝试不同的形状: <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:startColor="#E9E9E9" android:endColor="#D4D4D4" android:angle="270"/> </shape> 使用“卵形”形状时,我至少具有圆形形状,但没有渐变效果。我该如何实现?”
109 android  gradient 

4
n种颜色的渐变,范围从颜色1和颜色2
我经常使用ggplot2它来使渐变更好(请单击此处查看示例)。我需要在基础上工作,我认为scales也可以在其中使用它来创建颜色渐变,但是我对如何做到这一点很不满意。基本目标是生成n种颜色的调色板,范围从x颜色到y颜色。该解决方案需要在基础上工作。这是一个起点,但是没有输入n的位置。 scale_colour_gradientn(colours=c("red", "blue")) 我很清楚: brewer.pal(8, "Spectral") 来自RColorBrewer。我在寻找更多类似于ggplot2处理渐变的方法,该方法表示我有这两种颜色,并且一路上需要15种颜色。我怎样才能做到这一点?
108 r  gradient 

6
使用CSS的SVG渐变
我正在尝试将渐变应用于SVG rect元素。 目前,我正在使用该fill属性。在我的CSS文件中: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } rect在浏览器中查看时,元素具有正确的填充色。 但是,我想知道是否可以对这个元素应用线性渐变吗?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.