我的网站是react.js。我现在可以使用线性渐变css了吗？当你在谷歌上搜索它时，你不需要提供react.js和react-native-linear-gradient应该使用这个库，对吧？
浏览 3提问于2018-04-08得票数 0
1回答
因此，我的问题与如何向NativeScript添加CSS梯度有关？
我目前有一个.xml文件和一个用于模拟可视化的.js文件。我现在只能在模拟器上显示一种标准颜色。有没有一种方法可以在.css文件本身中添加渐变，或者其他任何可能添加渐变的方法，而不是将其硬编码到应用程序中，因为我正在开发的应用程序需要在不同的页面上使用不同的梯度。
谢谢!
浏览 3提问于2016-04-14得票数 1
回答已采纳
1回答
我正在绘制非矩形或方形的CGPath，并将CGPath添加到CAShapeLayer中。这个CAShapeLayer的框架是使用CGPathGetBoundingBox(path)从CGPath获得的。所以它是矩形或方形的。现在我想将渐变颜色设置为层，但我的路径不是矩形或方形，所以它不是在整个CGPath中均分渐变颜色。有没有办法将梯度颜色设置为CGPath，或者如何设置带有角度的渐变颜色？
请参考屏幕截图了解情况。这里的白色表示CGPath的框架和绿色，这是我们绘制的CGPath。在CGPath的底部，您可以看到白色渐变颜色，它在CGPath中的分布并不均匀。
浏览 6提问于2013-08-26得票数 4
回答已采纳
我升级到了Android4.2，突然之间，我的主窗口小部件上的线性渐变效果并不像预期的那样好。我得到的不是梯度，而是一个恒定的带子。然后如果我重新启动设备，渐变再次开始“工作”，这是非常令人费解的。我已经和其他团队成员谈过了，他们的设备似乎没有问题。以下是该问题的屏幕截图：
渐变应用在图像的下半部分，并且应该从底部的半透明到顶部的完全透明。相反，您可以在图像的下半部分看到一个基本恒定的半透明区域。布局类似于：
<RelativeLayout>
<ImageView
android:layout_width="match_parent"
浏览 1提问于2012-12-14得票数 0
回答已采纳
我有一个用React Native写的应用程序。我想在所有屏幕上都有一个渐变背景。可能是这样的：
我已经找到了react-native-linear-gradient包，但是使用镜像可以获得更高的性能吗？
另外，我如何确保它在所有页面上都作为背景？
会是这样的吗？
const Container = (props) => (
<View>
<LinearGradient colors=['blue', 'orange', 'blue'] />
{props.children}
<
浏览 3提问于2017-08-21得票数 0
我正在尝试创建和推出一个网站(C# .Net MVC)，这是我第一次使用剃须刀视图。
我在网站中大量使用了线性渐变，自从发布以来，我意识到在IE版本9和更低版本中不支持渐变。
我想选择渐变样式取决于浏览器类型和版本。
例如：
@if(browser is IE 9 and under){
style="background: #ffffff;
}
Else{
style="background:linear-gradient(to bottom, #ffffff 0%,#ffffff 100px,#b8dbff 100%);
}
如何在Razor视图中检测浏览器类型和版本？
过
浏览 2提问于2013-10-17得票数 2
回答已采纳
1回答
我是xaml世界的新手，我希望在xaml中创建这个框的效果，但我不知道如何将框的上边框和左边框设置为白色。大家都能帮我吗？
浏览 4提问于2012-01-31得票数 0
回答已采纳
我想要一个从开始颜色到结束颜色以非线性速率进行的渐变。梯度只会沿着一个笛卡尔轴变化。我在这里指的不是RadialGradient或SweepGradient。
我的问题是，Android是否支持在不编写自定义Shader的情况下控制渐变转换率？
浏览 4提问于2015-04-28得票数 13
在使用时，我得到了这个错误
值错误:背景线性梯度(顶部，#fefefe，#dddddd)不是背景色值:线性梯度(顶部，#fefefe，#dddddd)
这一行：
background: linear-gradient(top, #fefefe, #dddddd);
以及：
background: -webkit-linear-gradient(top, #fefefe, #dddddd);
以及其他行当我尝试使用渐变。
渐变有效，但我是否使用了错误的语法？
浏览 15提问于2012-09-21得票数 1
回答已采纳
2回答
梯度内的CSS梯度
、、、
是否可以使用渐变作为渐变内的颜色之一？
为了我的特定目的，我有一个从左到右的初始梯度：
linear-gradient(to right, red, darkgray);
但我希望灰色部分实际上是一个从上到下的渐变：
linear-gradient(to bottom, darkgray, white);
我尝试了我想要工作的代码：
linear-gradient(to right, red, linear-gradient(to bottom, darkgray, white));
但这似乎行不通，我也没见过有人写关于渐变中渐变的可能性的文章。
编辑:不可能CSS梯度是图像，不能用作其他渐变
浏览 0提问于2018-04-04得票数 3
回答已采纳
1回答
我试图在我的ionic 2项目中的颜色映射中设置线性渐变，但总是出错。
$color (
light: #fefefe,
dark: #333,
cool: linear-gradient('#0005de', '#12dfff')
)
如何设置线性渐变
浏览 11提问于2017-05-12得票数 0
我正在使用wavesurfer.js生成一个音频源(播放器)的可视化效果。我想添加一个简短的交叉淡入淡出，每当用户点击播放器浏览音频。
我查看了搜索网络音频交叉淡入淡出似乎只产生结果，其中讨论了两个不同的音频源之间的交叉淡入淡出，但我想在一个来源上交叉淡入淡出。
有没有更好的方法来做这件事？我猜有一种方法是在player元素上有一个单击事件，然后淡出+淡入？或者可能有2个音频源，其中1个是没有声音的？
浏览 16提问于2016-06-02得票数 1
下面是两个渐变。
在梯度A中，在线性颜色空间中将颜色从红色插值到绿色。即“伽马校正”。
使用NSGradient在objective-C中的macOS上绘制梯度B。macOS似乎在屏幕颜色空间(sRGB或类似的空间)中插入渐变的颜色。这种渐变的问题是，中点的颜色是暗的和“泥巴”。
在macOS上，使用石英或可可在两种颜色之间绘制渐变，是否可以指定在哪个颜色空间中计算渐变，以在图像上实现更均匀的亮度，如“渐变A”？
(这个应用程序是一个跨平台的绘图框架，需要在Windows、macOS和IOS中呈现一致的颜色)。
浏览 1提问于2020-11-18得票数 1
1回答
whitespace=bg图像
代码: html
<div class="container">
<div id="content">
<div id="item1"></div>
<div id="item2"></div>
<div id="item3"></div>
</div>
</div>
css
body {bac
浏览 1提问于2014-04-15得票数 0
如果我在CSS中定义了一个线性渐变，并且它在屏幕上显示为一个渐变，那么红色的值是否会以恒定的速率变化。(即，对于整个渐变长度，红色是它的导数常数)。同样的问题也适用于绿色和蓝色的颜色分量。
渐变可以是从任何颜色到任何其他颜色。例如，一种颜色可以是#FF4400，另一种颜色可以是#5599FF (随机颜色)。红色分量是线性变化的吗？
浏览 2提问于2012-10-29得票数 1
回答已采纳
2回答
我想要动画线性渐变的中心，所以在开始时整个可绘制的是color1，在结束时整个可绘制的是color2，在中间渐变的中心从左到右移动。
GradientDrawable gd = new GradientDrawable(
GradientDrawable.Orientation.LEFT_RIGHT,
new int[] {color1, color2});
gd.setCornerRadius(0f);
gd.setGradientCenter(x, 0);
view.se
浏览 2提问于2014-01-28得票数 9
假设我有两个刷子。
其中一个是从暗到亮的线性渐变笔刷
一种是从深色到浅色的径向画笔。
我如何合并笔刷，这样当我应用它们时，我可以同时应用这两个笔刷。
例如，检查这个：
1)
2)
我如何(在WPF/XAML中)将两者合并成一个渐变，然后引用该渐变？(这是来自Codeproject的梅南德斯先生的图片)
浏览 2提问于2010-05-28得票数 1
回答已采纳
1回答
我有三个有渐变的图像，基本上是按钮左，中和右的一部分。左右两边都有圆角。
他们有没有办法在图层列表中把它们全部结合起来？或者任何其他方法，以便我可以将其作为按钮背景？
浏览 2提问于2013-03-22得票数 0
有没有可能用Javascript让CSS3像渐变一样呢？为了跨浏览器的兼容性？CSS3不能在一些浏览器中工作，所以我正在寻找替代方案。如何使用Javascript制作跨浏览器兼容的渐变？线性梯度和径向梯度
浏览 2提问于2016-01-07得票数 1
3回答
我有一个渐变元素作为背景颜色，
.foo{
background-image: repeating-linear-gradient(-45deg, #7cd4cf, #7cd4cf 1.5px, #49c8c1 2px, #49c8c1 4px);
width:250px;
height:250px;
}
<div class="foo">
</div>
我需要在上面添加一个渐变的覆盖层--所以它看起来如下：
如你所见-它有从左到右的渐变-在条纹的顶部。
我尝试通过使用:after --而且它正在工作--但是我已经为
浏览 1提问于2018-01-23得票数 3
回答已采纳
这个屏幕是的一部分。
我所做的就是制作一个线性渐变的背景，有一个角度和两种颜色(主要是第二种颜色是透明的)，完全没有渐变。
此问题不发生在Windows上。这似乎只发生在我的上。(Chrome 53，Safari 9.1.2，MacOSX10.11.6，MBPr 15'‘2013年底的Firefox 49 )
background: linear-gradient(7deg, @color1 50%, transparent 50%);
我并不是在寻找一种完全不同的方法来实现角度线
我很好奇，在Mac浏览器中，我是否可以做些什么来消除linear-gradient楼梯的情况。
浏览 6提问于2016-10-26得票数 0
1回答
平滑径向梯度
、、、
因此，我正在尝试创建一个径向渐变(用于游戏中的静态照明)。我想出了这个：
int step = 4;
int forLen = (radius / step);
g.setColor(new Color(0, 0, 0, intensity));
for (int i = 0; i < forLen; i++)
g.fillOval(radius - i * step, radius - i * step, i * step * 2, i * step * 2);
但我得到的结果是：
我想要一个更平滑的渐变，比如：
我试着调整步长和强度，但我无法得到与上面的渐
浏览 0提问于2013-06-19得票数 2
回答已采纳
3回答
我的一个同事建议我避免在我的移动应用程序中使用任何渐变，因为手机无法处理渲染按钮/背景等渐变所需的工作负载。我在渲染按钮时没有看到任何挂起或任何东西，但有没有我应该避免的渐变？
浏览 5提问于2011-03-23得票数 3
回答已采纳
1回答
关于多个背景，我有一些奇怪的问题。我使用线性渐变，径向渐变和重复的gif图片的组合来制作页面的背景。下面是我分配给主容器的css (首先在主体中)：
background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,.8) 100%), -moz-radial-gradient(95% 5%, circle farthest-side, rgba(255,255,255,.3) 0%,rgba(255,255,2
浏览 3提问于2011-08-04得票数 0
回答已采纳
1回答
如何使用SVG.js旋转渐变？我试过了
var gradient = draw.gradient('linear', function(stop) {
stop.at(0, '#f2b181')
stop.at(1, '#de6d1e')
}).rotate(45);
但没有效果。
浏览 0提问于2014-07-20得票数 1
我需要在ImageBackground的角落添加阴影，就像在WhatsApp中显示星星一样。 ? 如何在原生react中实现这一点。
浏览 16提问于2021-09-16得票数 0
回答已采纳
我正在使用expo SDK 36
我想添加一个图像的顶部和应用程序栏下的线性渐变，以便它将始终显示后退按钮，如下所示：
这是我在react-native-svg上尝试过的，但它没有显示任何内容：
<Svg
xmlns="http://www.w3.org/2000/svg"
width="100%"
height="56"
viewBox="0 0 375 507"
style={{ position
浏览 0提问于2020-04-08得票数 2
2回答
在边框上添加线性渐变颜色，我想知道如何在样式表中使用线性渐变。
borderColor:['color1',color2]
浏览 7提问于2020-08-19得票数 1
1回答
在一个网站中，我想有一个背景图像，然后应用一个模式，然后应用颜色或渐变，然后应用颜色或渐变，我已经找到这个css代码工作，但不确定如何应用颜色
.body {
background: url(pattern.png) top left repeat, url(backgroundimage.jpg) top left no-repeat;
background-attachment: fixed;
background-position: top left;
-webkit-background-size: auto, cover;
-moz-background-size: auto, co
浏览 13提问于2019-11-02得票数 0
1回答
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
var chart;
$(document).ready(function () {
chart = new Highcharts.Chart({
cha
浏览 4提问于2013-11-12得票数 1
2回答
图像中梯度填充角的混合算法
、、、、
我需要在图像周围设置一个α混合梯度边界。我的问题是在混合的角，所以他们是平滑的水平和垂直梯度相交。我相信有一个标准的算法可以解决这个问题。我想很多年前我甚至在学校里遇到过。但是，我在几个网络搜索中没有找到任何参考资料。
(我已经在拐角处实现了径向填充模式，但过渡仍然不够顺利。)
我的问题
如果这个问题有一个标准的算法，它的名称是什么，更好的是，它是如何implemented?Forgoing任何标准算法，如何最好的方法来确定所需的像素值，以产生一个光滑的渐变角？(从垂直梯度到水平梯度的平稳过渡。)
编辑：因此，假设我有一个图像，我将插入一个更大的图像之上。较大的图像是实心黑色，较小的图像是纯白
浏览 9提问于2008-09-20得票数 5
回答已采纳
1回答
当我试图在引导5工具提示上渐变颜色时，我遇到了一些问题
CSS:
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-
浏览 3提问于2021-12-15得票数 1
1回答
我正在使用Metal创建一个iOS应用程序。在我的应用程序中，我有一些粒子可以通过触摸设备的显示屏来操纵。每个粒子都有一个x和y(以及z和w，但这些在这里并不重要)，并且每个触摸手指都有“重力井”(z == 1表示触摸处于活动状态)。每次调用我的Particles.swift (MTKView的子类)中的drawRect时，每个粒子都会更新-这发生在我的Particle.metal文件中。
如果两个手指触摸显示器，则会在两个触摸点之间创建一条不可见的线。距离这条线足够近的每个粒子都垂直于这条线被移走。不幸的是，我怀疑这种操作(或计算)会导致旧设备(如iPhone 5s，有时是iPhone 6)
浏览 2提问于2016-05-19得票数 0
我试图创建一个CSS颜色网格仅在一个HTML元素(类似于这个)。我想要一个HTML元素，比如一个300 of *300 of的div，然后我只想使用CSS创建这个彩色网格。我不想使用js或任何其他CSS框架或库创建多个元素。
目前，我正在考虑使用框影(只能创建一个轴网格)或背景图像，但任何其他建议都欢迎。
带框影(1轴网格)
#test {
width: 100px;
height: 100px;
border: 1px solid;
box-shadow: 10px 0px 0 0 red, 20px 0px 0 0 blue;
clip-path:
浏览 3提问于2021-07-27得票数 0
回答已采纳
我正在尝试使用Chrome的webkit渐变标签，但它根本不起作用。我在火狐的background:-moz-linear-gradient(#000, #888);上试过了，它工作得很好。
然而，对于background: -webkit-gradient(linear, from(#000), to(#888));，它不起作用。下面是我的一小段代码：
echo "<tr style='background:-moz-linear-gradient(#000, #888); background: -webkit-gradient(linear, from(#00
浏览 0提问于2012-05-21得票数 3
回答已采纳
所以在Java中得到了一个涉及线性梯度的问题，使用了多种颜色。我希望得到一个RGB颜色在任何点上的阿加里昂。创建渐变和绘画它很容易，我可以得到我设置的颜色的分数和颜色.....
我遇到的问题是，我想在渐变的任何点上获得RGB颜色。为了分解它，一个示例应用程序将在一些大小为255 (maxSize=255 (见下文))的JPanel中创建和显示渐变。根据所述JPanel ( maxSize )的大小，插值将是不同的(maxSize中的较大数字将导致更多内插值)。我希望能够获取沿渐变的任何位置的RGB值，您几乎可以将其等同于能够执行以下操作…
根据渐变中的位置抓取RGB值
RGB_Values =
浏览 0提问于2013-04-18得票数 1
回答已采纳
在这里和其他地方有几十个优秀的关于如何使用渐变
-(void)drawRect:(CGRect)rect
然而，我对石英并不熟悉，很可能我错过了什么。当我找到时，创建一个CAGradientLayer并将其添加到我的视图中似乎更明智，如下所示：
-(void)viewWillAppear
{
CAGradientLayer *bgLayer = [BackgroundLayer blueGradient];
bgLayer.frame = self.view.bounds;
[self.view.layer insertSublayer:bgLayer atIndex:0];
浏览 2提问于2014-06-05得票数 0
回答已采纳
我正在尝试设计一个基于以下Raphael.js标签代码的shape(球体)。
通过下面的描述，我已经成功地实现了基本的相似球体风格：
Paper.circle(100, 100, 30).attr({ fill: "r(0.35, 0.25)#FFFFFF-#252525:96-#000000", stroke: "none"});
// radius is 30
但我不能准确地重现。->
** The tag code of sphere ... main part is extracted **
<g id="layer1
浏览 2提问于2013-11-06得票数 0
1回答
我需要给body标记提供背景gradient+overlay。gradient+overlay图像看起来就像附件一样。
问题是我想在整个页面中很好地重复这一点。如果我把这个放在背景中，然后说重复，那么渐变覆盖不work.Bsically我想要渐变颜色平滑地流过整个页面，并且覆盖在背景上。你知道如何用css/css3做类似的事情吗？
浏览 1提问于2013-04-04得票数 0
回答已采纳
2回答
我试图通过让main.css (见下文)覆盖Nav类来覆盖默认的Twitter Bootstrap nav，但更改并未应用。
这是我的index.html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
浏览 1提问于2013-06-19得票数 2
回答已采纳
2回答
我在元素上设置了渐变，并试图仅旋转渐变，但当我尝试旋转它时，正如您在代码片段中看到的那样，整个元素都在旋转。
有什么想法吗？
#test {
transform: rotate(180deg);
color: #d3d3d3;
background-color: #003366;
background-image: none, linear-gradient(rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
height: 200px;
width: 500px;
}
<script src
浏览 0提问于2018-02-01得票数 4
回答已采纳
我正在学习svg，所以：
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
是渐变开始的位置(x1="0%“y1="0%") e渐变结束的位置(x2="100%”y2="0%")
但同时也
<stop offset="0%" style="stop-color:red;stop-opacity:1" />
<stop
浏览 0提问于2015-01-25得票数 1
1回答
所以我的导航栏里有标题。文本具有线性渐变 nav li h1 {
background-image:linear-gradient(90deg,red,#ffae00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; } 我希望标题变成白色，背景保持线性渐变 示例： https://jsfiddle.net/qx96ku4h/
浏览 9提问于2019-02-26得票数 0
回答已采纳
2回答
螺旋梯度数据-变化颜色
、、、、
有人知道如何改变这个百分比加载器的螺旋梯度数据以改变渐变的颜色吗？例如，我想要的不是从橙色到绿色，而是从蓝色到红色或其他任何东西。我已经在bitbucket上创建了一个问题：)。但我一直没有得到答案。我在js代码中看到了外部和内部环规范，以改变装载机的其余部分，但是对于百分比螺旋，它的"imgdata“提供了颜色。这是一幅被描述为比特码的图片吗?你怎么能创造出这样的东西呢？
下面是示例代码。imgdata代码实际上很长，但是我剪切了它，因为它只有数字和字符：
/* Our spiral gradient data */
var imgdata = "data:image/pn
浏览 2提问于2013-12-23得票数 1
回答已采纳
例如，我有一张蜘蛛侠图片作为原始图片，我在PhotoShop中给它添加了一个渐变贴图效果，然后我将它导出为我的最终picture.Here。我的问题是:有没有一种方法可以让我获得一个函数，它可以告诉我们如何将原始像素转换为最终像素？Photoshop是否有一些插件可以做到这一点？顺便说一句，变换不仅是渐变贴图效果，还包括PhotoShop所具有的所有效果。
浏览 1提问于2017-09-13得票数 0
1回答
我需要在QT中实现一些GDI+功能，特别是。我唯一遇到麻烦的方法是。我找到一个主题，提到MSDN对GDI+伽马校正算法有非常详细的描述，但我找不到它。
我尝试模拟gamma校正，如下所示：
1)假设我们有一个简单的双色插值LinearGradientBrush。将这两种颜色之间的间隔划分为预定数量的点(100)，每个点之间的距离相等。
2)为每个点赋值。第一个点的值为0，第二个点的值为0.01，...，最后一个点的值为1。
3)计算每个点的插值颜色值：
current_color = start_color * (1 - current_point_value) + end_color * c
浏览 7提问于2011-07-04得票数 2
我想水平滚动项目(蓝色方框)，而容器的渐变效果(末端的白色淡入淡出效果)仅适用于滚动开始和结束的项目。下面是我到目前为止得到的最接近的结果。但现在，当我在项目中滚动时，渐变似乎已经融入到项目中。但是如果我不包装容器下的项目，渐变对项目本身没有影响。我怎样才能使渐变效果在一个位置，并且我可以在我的项目中漫步，以便只有滚动经过渐变的项目才会有正常导航中的效果？ .container {
position: relative;
display: inline-block;
white-space: nowrap;
overflow-x: scroll;
}
.containe
浏览 20提问于2020-12-16得票数 1
回答已采纳
所以我在测试960gs的时候遇到了Opera & IE8浏览器的问题。下面是使用Opera语言呈现页面的图像(但在IE8中也会出现相同的错误)。
我不关心按钮的样式是否正确，但div的水平对齐让我头疼。
下面是使用chrome呈现的相同页面(在firefox中看起来是一样的)。
有人知道问题出在哪里吗？
浏览 0提问于2011-11-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
