半径向渐变CSS - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

使用IE在extjs4中设置css按钮的样式

css、button、extjs

我正在尝试在extjs中设置我的按钮的样式。以下命令适用于除IE以外的所有浏览器。有人能说出为什么会发生这种情况吗？ background-image: -webkit-linear-gradient(top,#DBEEFF,#D0E7FF 48%,#BBD2F0 52%,#BED6F5); b

浏览 2提问于2012-04-05得票数 1

回答已采纳

1回答

如何在HTML或javascript中绘制渐变背景？

javascript、html、drawing

有没有一种简单的方法来绘制像这里所示的渐变呢？或者最好是创建一个图像？我希望它是一个正方形或矩形，如图所示。有什么建议吗？

浏览 0提问于2012-08-17得票数 1

回答已采纳

3回答

CSS3中的径向梯度

css、gradient、radial

我有一些在CSS中制作线性渐变的经验，但我真的很想制作一个类似于此图像的径向渐变基本上是定位在元素底部的浅灰色径向

浏览 3提问于2011-05-24得票数 2

回答已采纳

1回答

具有CSS3梯度的大块

css、canvas、background、gradient、radial

有没有办法用CSS3径向梯度实现高性能的大块？就像在这个网站上。 (3200x1600)VML -对于IE，没有经验我提到，对于Chrome添加这么大的块与径向CSS3渐变，有很好的性能。你是否知道任何CSS3或画布的设计技术，使

浏览 0提问于2012-08-07得票数 3

1回答

CSS中的响应式渐变背景？

css、gradient

有没有办法让响应式CSS径向渐变背景？我试过微软的梯度生成器，但它并不像我想象的那样工作，它显示了很多条带，我希望梯度是平滑的，它是一个基本的浅灰白径向渐变。

浏览 4提问于2013-11-09得票数 0

1回答

渐变叠加

css

如果我把这个放在背景中，然后说重复，那么渐变覆盖不work.Bsically我想要渐变颜色平滑地流过整个页面，并且覆盖在背景上。你知道如何用css/css3做类似的事情吗？

浏览 1提问于2013-04-04得票数 0

回答已采纳

1回答

ie8和ie9上的CSS径向梯度

internet-explorer-8、internet-explorer-9、css

有办法在ie8和ie9上完成以下工作吗？background: -moz-moz-radial-gradient(center top, farthest-side, rgba(175,175,175,0.3) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center top, farthest-side, 0px, center top, farthest-side, 100%, color-stop(0%,rgba(255,255,255,1)), color-st

浏览 1提问于2013-04-19得票数 0

1回答

圆形梯度

ios、objective-c、gradient、quartz-2d

下面是我得到的简单的从上到下的渐变：CGGradientRef gradient

浏览 2提问于2014-03-16得票数 0

1回答

CSS径向渐变

css、radial-gradients

我遇到了一些CSS径向渐变的问题。我想要做的是，我们可以看到屏幕中间顶部的白色圆圈，它将变成每个方向的#e6e6e6背景，并将填充整个页面，无论有多少内容。

浏览 2提问于2011-10-31得票数 0

回答已采纳

1回答

在Safari中使用环形或带状的CSS渐变

html、css、safari、gradient、radial

我读过一些关于这个问题的文章，但我不是CSS专家，所以我想问一下。

浏览 8提问于2012-08-21得票数 3

3回答

带宽度约束的径向CSS渐变？

css、gradient

下面是我尝试用CSS渐变构建的按钮渐变：这通常很容易做到，但正如你所看到的，顶部的渐变看起来更像是一个大的径向渐变，因为它在中间稍微向下倾斜，而不是一直延伸到边缘。那么，有没有什么办法用CSS做到这一点呢？

浏览 12提问于2010-12-23得票数 4

回答已采纳

1回答

CSS草图-径向梯度Css导出问题

css、sass、styles、sketchapp、sketch-3

我无法将径向梯度正确地溢出到css代码中。我怎样才能得到相同的径向渐变外观？截图： - 径向梯度颜色: #3F46AD (不透明度10%)HTML： tes

浏览 3提问于2019-01-25得票数 7

2回答

使用百分比值创建CSS动画关键帧

html、css

我正在尝试CSS关键帧动画和webkit径向渐变背景。我想在身体标签上有一个发光的圆形/radial梯度，3秒后径向梯度移动到右侧并消失。在我的实验中，我发现在关键帧动画中，你不能为每个阶段创建不同值的渐变，比如0%，25%，50%，100%。我的HTML文件张贴在这里，请看一下。

浏览 5提问于2011-01-05得票数 0

3回答

图像的WebKit渐变

css、webkit、gradient

有没有人知道有没有工具可以获取图像(.png、.gif等)并输出图像包含的渐变？在css中。看起来像是线性和径向渐变的混合，这超出了我的css技能

浏览 1提问于2010-10-03得票数 1

回答已采纳

3回答

使用javascript设置径向渐变

javascript、css

我正在尝试用JS设置一个div的径向渐变作为背景。我希望渐变从中间开始，不透明度约为0.8，当它进一步到边缘时，不透明度变为0，产生柔和的淡入淡出效果。

浏览 0提问于2014-12-04得票数 2

2回答

仅CSS径向透明中心

css、gradient、transparent、radial

我试着用径向渐变来做这个。但是如果我尝试使用透明度，它会导致整个径向渐变也变得透明。有没有一种方法，我可以“移除”中间的颜色，使文本在中间可见，并在白色边缘具有透明度？但是我想看看是否有一种方法可以用纯粹的CSS来实现这样的效果。或者，有没有更好的方法来制作一个具有透明边缘的长方体，比我缺少的径向渐变更实用？

浏览 3提问于2015-06-15得票数 0

1回答

为IE自定义Firefox/Chrome样式表

css、internet-explorer、firefox

我有一个Firefox样式表和一个用于网站的chrome/safari样式表。现在的问题是IE不会选择这些样式(因为它们不是典型的通用样式)。我想知道是否有一种简单的方法来更改这些属性中的每一个，以便能够使用IE。我可以为IE更改一些样式/属性，但我不知道其中一些与IE等效的样式/属性。以下是Firefox样式表中使用的Firefox样式的示例：background: -moz-linear-gradient(-90deg, #858585 0%, #636363 3%, #202020 50%, black

浏览 5提问于2012-05-16得票数 0

回答已采纳

1回答

使用Javascript的径向和线性渐变？

javascript

有没有可能用Javascript让CSS3像渐变一样呢？为了跨浏览器的兼容性？CSS3不能在一些浏览器中工作，所以我正在寻找替代方案。如何使用Javascript制作跨浏览器兼容的渐变？线性梯度和径向梯度

浏览 2提问于2016-01-07得票数 1

3回答

Mozilla渐变到其他渐变

css、gradient

如何从Mozilla渐变开始为其他浏览器制作渐变。我使用Mozilla渐变已经有一段时间了，但是我最近发现你需要在css代码中为每个浏览器创建一个渐变，这样它才能在所有浏览器上工作。我只看到网站让你创建一个渐变，它将为所有浏览器生成代码，但我还没有找到为所有其他浏览器制作moz渐变的东西。这是我想要转换的渐变： background-image: -moz-linear-gradient(center top , #9BC0DD, #C9DEED);

浏览 1提问于2011-11-28得票数 1

回答已采纳

1回答

当d3容器的高/宽与高/宽不同时，为什么svg中的径向渐变会发生变化？

javascript、d3.js、svg、radial-gradients

我正在尝试理解d3.js中的径向渐变是如何工作的。我有一个圆，我用'defs‘标签中指定的径向渐变填充了它。我将径向渐变的'r‘坐标设置为60%，将'cx’和'cy‘设置为零。我的理解是，径向渐变总是从0,0坐标开始(恰好在circle元素的中间)，而径向渐变的外圆将在"r“的60%处”停止“。现在，当我只改变svg容器的宽度而保持高度不变时，径向<

浏览 2提问于2016-09-23得票数 0

点击加载更多