我想指示圆圈中的高/低，如果进度值超过60，我可以在那里显示不同的颜色。例如，如果我的值是80，那么直到60，它应该显示绿色，剩下的20应该是红色。有没有可能使用vue-ellipse progress来实现这一点？
<vue-ellipse-progress
:progress="myvariable"
:angle="-90"
color="#1565C0"
emptyColor="#BBDEFB"
浏览 0提问于2020-11-03得票数 0
2回答
如何用拉斐尔创建渐变对象
、、、、
我试着使用拉斐尔JS图形库。我想使用属性渐变，它应该接受一个对象。文档上说要参考SVG规范。例如，我在SVG中找到了渐变对象
<linearGradient id="myFillGrad" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="5%" stop-color="red" />
<stop offset="95%" stop-color="blue" stop-o
浏览 2提问于2009-02-22得票数 15
回答已采纳
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
回答已采纳
我有一个渲染LineStrings的图层，正在尝试将光晕效果应用到线条上。我创建的样式使用自定义渲染器来创建一个笔划，该笔划具有垂直于每个线段的渐变：
const glow_style = new Style({
renderer: (_coords, state) => {
const ctx = state.context;
const coords = _coords as Coordinate[];
ctx.lineWidth = 25;
for (let i = 1; i < coords.length; i++) {
co
浏览 267提问于2020-02-04得票数 1
回答已采纳
我试图在现有的图像上叠加一个黑白的线性渐变。我将其设置如下；然而，只有渐变层显示。有人能指出我哪里出错了吗？
JS小提琴：
HTML
<div>hello</div>
CSS
div {
background:linear-gradient(to bottom, #ffffff 0%, #000000 100%), url("http://us.123rf.com/400wm/400/400/adroach/adroach1210/adroach121000001/15602757-flower-and-bird-ornaments-retro-tile
浏览 0提问于2013-05-28得票数 3
回答已采纳
我定义了一个LinearGradiant作为矩形的填充颜色。现在假设我希望它的不透明度为(.30)
我想知道是直接在矩形上设置opacity属性还是在LinearGradiant的每个stop上设置stop-opacity属性更有效率？
浏览 4提问于2011-04-17得票数 2
回答已采纳
我正在通过手动为我的应用程序创建UI的部分(在本例中是一个图形)来尝试在iPhone上绘图。本质上，我想画一个圆角的矩形，一个投影，和一个半透明的渐变作为矩形的填充。这是我的photoshop模型的屏幕截图：
我已经创建了一个实体圆形矩形，使用一个CALayer投阴影，但为了获得形状和阴影显示，我必须设置一个背景色，这不允许我使我的半透明的渐变层的唯一填充。
我已经在这方面工作了一段时间，并阅读了整个核心动画编程指南，但我没有取得任何进一步的进展。我觉得答案就在我眼皮底下。
我遗漏了什么？
我知道我可能需要一个图像文件来完成这个任务，但是我尝试这样做，因为我想学习，有一天我想用这个做一些更漂亮
浏览 9提问于2009-05-18得票数 0
1回答
我从设计师那里得到了以下格式的值来绘制渐变。
rgba(90, 111, 101, 0.22);
我需要将它应用于视图，到目前为止，我所知道的是，我可以像下面这样定义梯度。
<gradient
android:startColor="#2ea4e7"
android:centerColor="#015664"
android:endColor="#636969"
android:angle="45"
>
</gradient>
但我无法理解如何在android中映射
浏览 22提问于2019-10-23得票数 0
在我的项目中，用户可以为他们的配置文件页面选择重音颜色(var(- color -main))。是否有可能仅使用该主颜色创建渐变背景，例如，使用主颜色+a%应用于此颜色，使其更暗(或更轻)，并将其用作第二颜色以生成渐变。这有可能吗？
.TabsHeader-module--wrapper--BMiDm .TabsHeader-module--bgBlock--qXkLH {
background-color: var(--color-main);
border-radius: 0 0 20rem 0;
height: 21.6rem;
position: absolute;
top: 0;
w
浏览 5提问于2022-04-24得票数 1
回答已采纳
3回答
为什么这个渐变滤镜在internet explorer 8中不能工作？？我被引导相信它是由ie6+支持的
filter:progid:DXImageTransform.Microsoft.gradient(starColorstr='#ccc',endColorstr='#fefefe',GradientType=0);
浏览 0提问于2012-03-11得票数 1
回答已采纳
WebKit引入了创建CSS渐变的功能。例如，使用以下代码：
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
但是，是否可以使用CSS进行不透明渐变？我希望渐变在一边是单一的颜色，在另一边淡出到零不透明度。
跨浏览器兼容性并不重要；我只需要它在Google Chrome中工作。
有没有什么办法可以用CSS做到这一点呢？如果不是，是否可以使用JavaScript (而不是jQuery)来做类似的事情？
谢谢你的帮助。
浏览 1提问于2010-12-19得票数 32
回答已采纳
2回答
我知道如何用alpha创建渐变背景，但我想要的是让我的元素具有渐变不透明度。我正在寻找的是让我的div和它的所有子对象都应用了不透明渐变。
有办法做到这一点吗？我只需要它在webkit中工作，因为它是一个内部只有项目。
浏览 2提问于2012-02-09得票数 6
回答已采纳
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
回答已采纳
有没有人知道是否可以使用Fireworks在底部创建一个真正透明的渐变？
我试图在底部创建一个真正透明的渐变，这样它就可以放在另一个图像的顶部。据我所知，即使底部的不透明度为0，我仍然需要为底部选择一种颜色。这使得顶部的颜色混合到其中(就像下面的颜色混合成白色)。因此，无论何时将图像放在黑色图像上，底部都是透明的，但仍然是白色的。
希望这是有意义的。谢谢你的帮助。
浏览 6提问于2012-03-08得票数 0
我想用css3创建一个不透明的渐变，这样放置在div中的子元素就不会继承不透明度，并且背景可以是渐变的。以下是我试图使用的代码，但它根本不起作用。它只会显示为白色。
background-image: -webkit-linear-gradient(left , rgb(189,206,226,0.6) 0%, rgb(191,217,242,0.6) 32%, rgb(14,94,95,0.6) 65%);
浏览 0提问于2012-03-06得票数 0
回答已采纳
2回答
在照片上的触摸下添加一个小闪光灯的最好方法是什么(类似于Facebook在标记照片时的做法)？我目前有一个手势识别器的设置和工作，但不知道如何在手指下添加基本的指示灯：
- (void)tap:(UITapGestureRecognizer *)recognizer
{
CGPoint point = [recognizer locationInView:self.photoImageView];
// TODO: add flash
}
浏览 2提问于2011-10-20得票数 1
回答已采纳
1回答
我的页面中有这样的代码：
<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php echo $refLink; ?>" data-text="my text data" data-via="testdata" data-lang="it" data-size="large" data-count="none" data-dnt="true
浏览 1提问于2012-09-10得票数 1
我只需要将不透明度应用于悬停按钮的背景色。按钮的文本颜色不应受不透明度的影响。
当我应用不透明度时..按钮文本颜色也变暗。它应该是这样的..我试图使用线性渐变与黑色来获得不透明的效果，但它是完全黑色的。
plunker link ->
浏览 1提问于2018-07-03得票数 0
1回答
Delphi:透明或渐变框架
、、、、
我有一个窗体，并在paint事件上使用渐变来绘制它。我也有那个表单上的框架。我希望框架将是透明的，以查看窗体的渐变，或者在透明不可用的情况下使用渐变来绘制框架。
窗体和框架不能闪烁:)
谁来做这件事？谢谢。
编辑：
正如我所看到的，frame的透明度有闪烁。所以现在对我来说最好的解决方案是覆盖TFrame1.PaintWindow(DC: HDC)并用渐变绘制框架的背景。
浏览 2提问于2012-01-09得票数 2
回答已采纳
我之前在Latex Beamer演示文稿中使用的PDF有一个透明的背景。然而，当我将其放在PowerPoint演示文稿中时，它以白色背景显示。我怎样才能让它在PPT中也有透明的背景？
浏览 3提问于2015-10-08得票数 1
下面是我对div的线性渐变：
div{
background: linear-gradient(112deg,#A0148C , #FF2896 37.1%, #F05A00 81.3%);
}
我们可以在这个上面放置另一个CSS渐变(就像这个渐变上的另一个层一样)吗？
浏览 0提问于2018-05-04得票数 0
3回答
如何将整个页面不透明的背景图像设置为0.4？
我试过
html {
background: url(img01.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
但是它设置了页面上
浏览 4提问于2014-06-26得票数 0
回答已采纳
3回答
我在我的css3中有一个定义了图像和渐变的背景图像。我还希望在类从on_time -> too_late更改时有一个转换，反之亦然。
我不能得到渐变上的过渡。在css3中是否以某种方式支持这一点？
谢谢
div.too_late
{
color: White;
background-image: url(../Content/images/uit_white.png), -webkit-linear-gradient(top, #feb233 0%, #f39801 100%);
-webkit-transition-propert
浏览 4提问于2013-01-15得票数 13
回答已采纳
假设我有两个刷子。
其中一个是从暗到亮的线性渐变笔刷
一种是从深色到浅色的径向画笔。
我如何合并笔刷，这样当我应用它们时，我可以同时应用这两个笔刷。
例如，检查这个：
1)
2)
我如何(在WPF/XAML中)将两者合并成一个渐变，然后引用该渐变？(这是来自Codeproject的梅南德斯先生的图片)
浏览 2提问于2010-05-28得票数 1
回答已采纳
1回答
我试图让两个径向渐变呈现在同一个DOM元素上，但似乎它们呈现的是两个渐变的交集，而不是并集(这正是我想要的)。
示例：
为了节省一些时间，如果没有重叠，它不会渲染两个渐变，它将不会渲染任何东西，因为没有交集。
有没有办法让它渲染两个渐变的并集？
编辑：应该说明我想要什么。我希望红色椭圆定义的渐变占据整个白色部分，但现在它们只占据了红色椭圆定义的区域的交叉点。
浏览 0提问于2012-01-19得票数 2
要在Internet Explorer中创建线性渐变，我过去常常采用以下(可怕的)代码：
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#282828', EndColorStr='#185976');
我想知道是否有一种方法可以使用filter和DXImageTransoform创建径向渐变？
浏览 0提问于2011-08-29得票数 13
回答已采纳
1回答
我正在尝试使用react-native-linear-gradient来实现一个css类线性渐变的视图，但插件只允许2种颜色它不允许我设置的渐变是径向的，这是css格式的线性渐变linear-gradient(151.76deg, #EE8F62 -43.83%, rgba(239, 203, 113, 0.96) 97.18%, rgba(242, 172, 136, 0.15) 120.83%);，请您我如何才能实现以上与插件，我已经尝试这样做
<LinearGradient colors={[rgba(239, 203, 113, 0.96), rgba(242, 172, 136
浏览 24提问于2018-08-13得票数 2
这肯定是个愚蠢的问题。我刚刚安装了Inkscape，并很快绘制了一个抗锯齿的png图标，16x16，它只是一个带有颜色渐变的中空圆圈(我也尝试了灰度渐变，效果相同)。我创建了svg格式的图像，并导出了png位图。当我将png位图读回到Inkscape中时，它看起来完全像一个抗锯齿圆。
问题就在这里。如果我将png读入运行在Windows上的Paint Shop Pro，它看起来就不一样了。设置了相同的像素，但颜色发生了变化，图像现在只是锯齿状，而不是抗锯齿。颜色范围似乎缩小了。我在Inkscape中找不到任何东西来告诉我图像中有多少种颜色，或者它们是什么，但PSP报告说图像中有40种24位颜色
浏览 0提问于2011-12-09得票数 1
1回答
如果您在FireFox中查看上面的网址，并尝试更改任何搜索参数，您将看到页面的搜索结果部分逐渐变得不透明，然后在收到结果后逐渐消失。在IE中，这一点根本不会褪色。有什么想法吗？
谢谢,
肖恩
浏览 1提问于2009-11-20得票数 0
回答已采纳
2回答
我试图为我的视图应用阴影效果，并发现我可以使用渐变来做到这一点。
我创建了一个XML文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:endColor="@android:color/transparent"
android:centerColor="
浏览 3提问于2014-07-25得票数 0
2回答
我正在尝试创建一个使用rgba颜色的RaphaelJS渐变填充。换句话说，我希望起点和终点都有一定程度的透明度。例如，20%的黑色到0%的黑色。这是怎么做的？
这个小提琴是我所期望的，但正如你所看到的，底部的黑色是完全不透明的。
r.circle(50,50,50).attr({fill:'90-rgba(0,0,0,0)-rgba(0,0,0,0.2)',opacity:0})
浏览 3提问于2013-04-27得票数 1
我试着在我的网站上放一个背景图片，然后在上面放一个渐变，它在chrome中工作得很好，但在IE11中就不行了。我将此样式用于chrome： background: linear-gradient(to top, rgb(26 179 148 / .9), #3f9480),url(../img/pattern.jpg); 适用于IE11的it should be look like this(chrome)和以下内容： background-image: -ms-linear-gradient(bottom, #1ab394 0%, #3f9480 100% ),url(../img/pat
浏览 39提问于2020-11-10得票数 1
回答已采纳
这里我有一个圆弧，它使用的两个渐变中的一个应用了一些透明度：
ctx.arc(mouseX,mouseY,radius,0, 2*Math.PI,false);
var grd=ctx.createRadialGradient(mouseX,mouseY,0,mouseX,mouseY,brushSize);
grd.addColorStop(1,"transparent");
grd.addColorStop(0.1,"#1f0000");
ctx.fillStyle=grd;
ctx.fill();
现在有没有办法给整个圆弧一些透明度，只影响圆弧，而不影响
浏览 2提问于2011-01-16得票数 4
回答已采纳
1回答
我有一个SVG元素，它基于一个圆和一个掩码来创建一个环。
守则如下：
<svg width="100%" height="100%" viewBox="0 0 300 300" version="1.1">
<defs>
<linearGradient x1="97.3756325%" y1="100%" x2="0%" y2="100%" id="gradient">
<stop
浏览 0提问于2018-08-17得票数 0
回答已采纳
1回答
我翻阅了许多页，但没有找到一个可行的解决办法。当我滚动时，我希望我的div中的文本逐渐变得更加透明。拜托，有人能帮忙吗？这是我的代码：
<script src = "/js/titleScroll.js"></script>
<div class = "header-title">
<h1>Title</h1>
</div>
以及：
$(document).ready(function() {
$(window).scroll(function() {
if
浏览 0提问于2018-05-20得票数 0
回答已采纳
在我的节目中，实际上有两个太阳，但是一个太阳，也就是"dark_sun“，就在另一个太阳后面。我希望“太阳”逐渐淡出，或逐渐变得不透明的半弧(这是方向的太阳正在进入我的程序)，所以只有"dark_sun“将是可见的结束的弧。我该怎么做？这是程序网址：
<style>
/* Colors */
body {
background: url(http://i.imgur.com/aZty7Mq.png);
animation: mymove 4s linear infinit
浏览 0提问于2015-10-19得票数 0
回答已采纳
2回答
我有一个灰色渐变可绘制(png图像在res/ drawable中)。如果我在白色画布上画它，它看起来有条纹(不平滑)。如果我在GIMP中将渐变放在白色背景上，然后在画布上绘制这个可绘制的，它看起来很棒。有什么问题吗？我在Nexus One上进行了测试。在drawable上调用setDither(true)没有明显的效果。
浏览 0提问于2010-09-23得票数 1
2回答
在我的MVC3项目(使用)中，我有一个带有两个单选按钮的页面。当鼠标悬停在第二个窗口时，视图将显示一个引导工具提示。此外，我还有一个JS函数，它可以更改工具提示的CSS外观，将其变为黄色。
我想通过向我的JS函数添加一些css属性来删除透明性并应用渐变。就像这样：
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FCEEC1),color-stop(100%,#EEDC94));
我试过一千种方法，但我做不到。你能帮帮我吗？
提前谢谢！！
我的无线电按钮：
<span class=
浏览 5提问于2013-03-27得票数 2
回答已采纳
我得让我的渐变菜单项的背景半透明。
它必须是灰色的，但我仍然需要看看它下面是什么。
什么是半透明的简单的跨浏览器解决方案？(可能不使用图像)
谢谢
浏览 2提问于2010-05-18得票数 3
回答已采纳
我已经准备了两种风格的body，它们的背景都是渐变的，我还在标签中添加了过渡效果：
body{
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(240, 240, 240)), to(rgb(190, 190, 190)));
-webkit-transition: all 1s linear 0s;
}
body.orange{
background: -webkit-radial-gradient(50% 50%, circle cover, rgba(0, 0, 0,
浏览 3提问于2012-08-03得票数 0
回答已采纳
我目前有一些CSS，看起来像这样：
.crop-image {
background-image: linear-gradient(180deg,
rgba(34,34,34,1),
rgba(34,34,34,0)),
url(https://upload.wikimedia.org/wikipedia/commons/b/bf/Test
浏览 3提问于2016-03-02得票数 3
当我尝试在Silverlight 3应用程序中设置网格的背景为渐变时，我遇到了一个问题。当我在应用程序中将网格的背景设置为渐变时，该渐变根本不会在浏览器中呈现。我已经将这个渐变笔刷设置为一个资源(无论是在app.xaml中还是在本地的XAML文件中)，我还尝试了直接对渐变笔刷进行硬编码。我已经在VS和Expression Blend的XAML中手动进行了更改。
创建chane并在Blend中查看文件时，背景颜色将正确呈现。当背景设置为纯色时(包括硬编码和作为资源)，在表达式和浏览器中都可以很好地呈现背景。这两件事都向我表明，这不是一个z索引问题，一个控件呈现在所讨论的控件的顶部。
画笔的XAM
浏览 4提问于2009-08-26得票数 1
回答已采纳
5回答
IE图像显示问题
、、
我现在正在做一个网站：，我遇到了IE (7 &8)最奇怪的问题。6.我不太关心自动取款机。
我的PNG在悬停时显示为部分黑色背景(在我的菜单中)，而我在jquery环形交叉路口中的JPG首先显示，然后变为白色到黑色渐变。我第一次使用它们是PNG的，但也有同样的问题。
网站上的代码有点乱，抱歉还在学习，但是所有相关的jquery都是的，css是的
以前有没有人见过这个？有什么建议吗？
提前感谢
B
浏览 1提问于2009-12-31得票数 3
1回答
我想使用选项字段更改折线图的网格颜色，但我不知道从哪里开始。我首先尝试使用渐变来改变画布的背景颜色，但是效果不好。
canvas{
background:linear-gradient(top, #ea1a07 0%, #f4b841 75%,#f2dd43 100%);
}
然而，我没有得到我想要的，因为正如你在上图中看到的，不仅网格着色了，而且x值，y标签和图表图例也着色了。
我的chart.js选项是
options = {
scales: {
xAxes: [{
gridLines: {
col
浏览 8提问于2017-03-30得票数 4
回答已采纳
2回答
我想标记浏览器滚动条，就像chrome在Control +F中做的那样，只使用html、css和js。
我试过了
放置css位置固定的div
创建滚动条轨迹的线性渐变样式
但在这两次尝试中我都迷失了方向。有什么想法吗？
浏览 0提问于2019-06-21得票数 3
1回答
我正在尝试应用渐变效果，例如，如果我的鼠标经过一个网格单元，它一开始会变亮，但随着我向那个特定单元移动鼠标越多，它就会逐渐变亮。这是我的项目https://repl.it/@antgotfan/etch-a-sketch，这是一个有效的例子(不是我的btw)，https://codepen.io/beumsk/pen/dVWPOW (只需点击渐变，就会看到效果) 我正在尝试使用" this“和event.target来解决这个问题，但它不起作用。我也尝试在jQuery中使用fadeIn，但这并不是我想要的效果。 function incrementOpacity() {
浏览 7提问于2019-06-25得票数 1
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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
