3回答
如何将渐变应用于轮廓？
根据我的理解，可以通过边框图像来实现这一点，但是，我还没有发现对轮廓进行渐变的实现。
有可能吗？
渐变示例
linear-gradient(179.98deg, rgba(104, 213, 255, 1) 0.12%, rgba(45, 179, 222, 1) 14.53%, #467EE3 99.88%);
编辑：
我有一个现有的边框(1px #000实体)，所以边框图像将不会工作。
编辑#2：
当前的jsfiddle示例
在保持黑色边框的同时，我希望轮廓是渐变的。
浏览 0提问于2017-03-20得票数 1
我正在设计一个具有圆角边框(边框半径)的输入域的样式，并尝试添加一个渐变到所述边框。我可以成功地制作渐变和圆角边框，但两者都不能一起工作。它要么是没有渐变的圆角，要么是有渐变的边框，但没有圆角。
-webkit-border-radius: 5px;
-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0bbc4), to(#ced9de)) 1 100%;
有没有办法让这两个CSS属性一起工作，或者这是不可能的？
浏览 10提问于2011-04-19得票数 89
回答已采纳
1回答
我是xaml世界的新手，我希望在xaml中创建这个框的效果，但我不知道如何将框的上边框和左边框设置为白色。大家都能帮我吗？
浏览 4提问于2012-01-31得票数 0
回答已采纳
10回答
正如标题所述，是否可以在CSS3中创建渐变边框?如果可以，如何创建？我知道你可以制作渐变背景，有很多生成器，但我还没有找到一个为渐变边框创建代码的生成器。
浏览 1提问于2011-07-08得票数 13
回答已采纳
4回答
我想知道是否有可能在边界顶部添加渐变，而不会影响边界、右或左边界，在这种情况下，这些渐变是透明的。我试着添加一个渐变颜色，但是它会影响到边框的左、右边框，我试图让边框左边和边框右边变得透明。
#borderone {
border-top: 33px solid #354658;
border-left: 33px solid transparent;
border-right: 33px solid transparent;
margin: 0 auto;
min-width: 1277px;
}
浏览 6提问于2014-05-13得票数 5
回答已采纳
如何在UIButton标题中添加渐变，在按钮背景清晰的同时，边框也是梯度的。
我发现了如何添加渐变边框，但不知道如何制作梯度标签。如果标签梯度与边界渐变颜色匹配，那将是很棒的。
也许我可以用形状像标签的面具来创造这种效果？
浏览 8提问于2016-11-16得票数 0
回答已采纳
我正在尝试添加一个渐变作为一个底部的边界到我的网站的标题使用边框图像CSS。渐变需要填满宽度的100%。
我可以使用边框图像宽度和边框图像切片来获得填充大部分下边框的渐变，但由于某种原因，它将两个底角排除为空白。如何才能使梯度在一个流中跨越所有底部？
我试着完全删除边框图像切片，填充了两个底角，但省略了底边框的其余部分。
{
border-image-width: 0 0 10px 0 auto;
-moz-border-image: -moz-linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%);
-webkit-bo
浏览 19提问于2019-07-21得票数 2
回答已采纳
我对CSS3/SVG按钮有问题。我不知道如何制作这样的线性渐变边界：
顶部按钮:按钮具有透明背景
底部按钮:悬停按钮具有渐变背景(与边框相同)，不透明度为30%，如果您在悬停时无法创建这样的渐变背景，则只能更改边框的颜色
浏览 0提问于2016-04-01得票数 1
2回答
我有一个小问题，我不确定有没有解决的办法。
基本上，我想在div边框上创建一个不透明的渐变，而不依赖于颜色。
让我解释一下。
我有一个"overflow:hidden“div (我们称之为MainDiv)，它包含另一个大的div (叫做SlideDiv)，我使用jquery在视区中滑动。main div有一个可以移动的“全视区”背景复杂图像。这一切都创造了一个非常好的视差效果。
正如预期的那样，"SlideDiv“内容消失在视口边界之外。这就是诀窍。我希望内容不只是消失，而是淡出:)
为了让它工作，我需要在视口边框上设计一个不透明的渐变。由于背景上有一个必须始终可见的复杂图像，
浏览 0提问于2011-11-03得票数 1
我需要创建一个圆角边框，其中边框与渐变。是working.But，我的页面使用一个图像作为背景，它也带有渐变。我需要显示中间的背景图像。我想要像下面的图片一样：
浏览 2提问于2016-10-29得票数 16
1回答
我想做一个渐变边框，如下图所示：
但我不知道具体是怎么做的。我应该使用什么渐变颜色来做这件事？如何将我的视图设置为显示类似于图像的边框？
浏览 4提问于2017-11-24得票数 0
6回答
我想做一个渐变的视图边框，如下图所示：
但我不知道具体怎么做，例如我应该使用什么渐变颜色来做它？如何将我的视图设置为显示类似于图像的边框？
我使用以下代码来获取边框：
self.view.layer.borderColor = [UIColor orangeColor].CGColor;
self.view.layer.borderWidth = 2.0f;
浏览 2提问于2013-03-04得票数 23
2回答
我想强调我的链接与某种类型的点渐变从100%的不透明度到0%。我做了一个我应该看起来像什么的屏幕：
我会做像这样的事情
a {
border-bottom: 2px dotted #007acc;
}
但是没有到0不透明度的渐变，并且单个点之间的空间太小。
关于这个问题的另一个问题:我有一些:在内容之前( '+')，我不希望边框底部命中该内容，如你所见。
这是可能的吗?或者我必须使用png背景？
Jquery也可以。
浏览 4提问于2013-03-19得票数 4
回答已采纳
0回答
我需要在透明的中心周围创建一个圆形的框架。框架具有从内到外边界的径向渐变。
使用边界半径为50%的圆形div很容易。
问题是向边界添加一个径向渐变。我尝试了边框图像，边框颜色，框阴影，径向渐变，但没有成功，而背景图像，我没有设法有透明的中心。
有什么建议吗？
谢谢，Enrico
浏览 13提问于2017-06-03得票数 1
回答已采纳
2回答
我正在努力实现下面的设计！我已经设法实现了渐变边框的边框半径，但是如果我尝试使用-webkit-background-clip & -webkit-text-fill-color处理渐变文本，那么边框半径将不起作用，并且整个按钮都会获得渐变颜色。我使用this作为渐变文本的参考，并附加渐变边框的代码 ? .btn {
background-image: linear-gradient(to right, #006175 0%, #00a950 100%);
border-radius: 40px;
box-sizing: border-box;
color
浏览 24提问于2020-10-19得票数 2
回答已采纳
4回答
我想创建圆角矩形与渐变彩色条纹边框。
我希望使用img标记或div标记来包含图像和渐变条带边框。
这就是它所需要的样子：
我试着四处搜索，我发现(SCSS)例子：。
我得到了这个SCSS代码：
.module {
background: white;
border: 1px solid #ccc;
margin: 3%;
> h2 {
padding: 1rem;
margin: 0 0 0.5rem 0;
}
> p {
padding: 0 1rem;
}
/*animation: widen 10s linear
浏览 7提问于2016-05-31得票数 6
回答已采纳
1回答
我看过关于如何使用CAGradientLayer制作带有渐变背景的按钮的教程。如何对“边框颜色”使用渐变？
浏览 2提问于2011-05-12得票数 0
回答已采纳
1回答
我在相对布局中有一些文本，我知道我们可以在单独的xml中使用笔划和角点绘制带有曲线的边框。有没有一种方法可以将渐变效果应用于使用笔划构建的边界？或者，有没有其他方法来绘制渐变边框？
提前谢谢。
浏览 0提问于2011-02-22得票数 0
4回答
我有一些有圆角和彩色边框的div。我希望div的边框具有渐变效果，这样当用户将鼠标悬停在div上时，它就会发生变化。
我已经找到了所有关于如何使用渐变的网站(，等)。但是我仍然不能想出如何让它在圆角边框上工作。
有没有人能带我去一个描述如何做到这一点的站点，或者甚至可以帮助我编写代码？
浏览 1提问于2013-07-10得票数 7
回答已采纳
2回答
在边框上添加线性渐变颜色，我想知道如何在样式表中使用线性渐变。
borderColor:['color1',color2]
浏览 7提问于2020-08-19得票数 1
1回答
是否可以将线性渐变颜色应用于输入边框？
我尝试过以下几种方法：
input{
border: 5pt solid linear-gradient(rgba(0, 25, 50, 0.5), rgba(0, 0, 25, 0.5));
}
上面代码的问题是你不能使用线性渐变作为颜色。
我只是想澄清一下，我不想改变输入的背景颜色，只想改变边框颜色。
JSFIDDLE：
浏览 1提问于2015-10-10得票数 5
回答已采纳
1回答
嗨，我想创建一个类似于(附加)图像的按钮。
这里的挑战是带有渐变颜色的圆角。我能够创建圆角
view.layer setCornerRadius:radius；view.layer setMasksToBound:YES；
我还可以创建单一边框颜色。
view.layer.borderColor =color.CGColor，view.layer.borderWidth =宽度；
但是对于渐变边框颜色需要做些什么呢？
我确实跟着做了，但这并不是我所期望的。我跟踪这个帖子，但它并没有提供我梯度边框的颜色。
有人能帮我理解吗，我如何为UIButton绘制梯度边框。伪代码/示例将非常有用。
浏览 4提问于2015-08-18得票数 4
回答已采纳
如何使用css创建它
仅在左侧边框和其他3条边的法线边框上使用线性渐变，内容位于中心
浏览 0提问于2021-02-24得票数 0
我使用边框图像在一个TH的左边框上创建一个渐变，但右边框必须是实心的。但是，边界图像适用于所有边界，并且没有边界图像权限来阻止它。我该如何解决这个问题呢？
<style>
TH {
border-left:1px solid;
-webkit-border-image:-webkit-linear-gradient(bottom, #BBB, rgba(255, 255, 255, 0)) 0 100%
border-right:1px solid #CCC;
}
</style>
现在看起来是这样的：
但它必须是这样的：
正
浏览 0提问于2012-07-31得票数 0
回答已采纳
3回答
我想知道你们认为最简单的方法是在div周围使用两种颜色的双边框吗？我试着同时使用边框和轮廓，它在Firefox中起作用，但在IE中outline似乎不起作用，这是一个问题。有什么好方法可以解决这个问题吗？
这就是我所拥有的，但outline在IE中不起作用：
outline: 2px solid #36F;
border: 2px solid #390;
浏览 0提问于2013-06-16得票数 1
回答已采纳
1回答
在的帮助下，我们能够绘制加边框的文本。如何用画笔(渐变/图片)而不是纯色来填充边框？
在Apple Docs上找不到这个。
浏览 3提问于2021-02-27得票数 0
以前很容易用默认的ButtonThemeData做一个渐变按钮...但是现在我不知道如何使用新的MaterialButtons正确地制作一个自定义渐变按钮。
我试图使一个三自定义渐变按钮，它必须使用AppTheme中定义的ButtonStyle (splashColor，elevation，...)。
ElevatedButton
使用具有渐变背景的ElevatedButtonThemeData的GradientElevatedButton
TextButton
使用带有渐变文本的TextButtonThemeData的GradientTextButton
OutlinedButton
使用带
浏览 1提问于2021-02-25得票数 5
我希望能够在不对元素本身应用渐变的情况下对边界应用渐变。暗示这应该是可能的，但我想不出一种方法来创建一个黑盒，在它周围有一个渐变边界。据我所知，这是webkit的一个bug。这是我的CSS：
div {
border-width: 10px 10px 10px 10px;
width: 75px;
height: 75px;
background-color:#000;
-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff)
浏览 0提问于2011-02-18得票数 1
回答已采纳
2回答
如何使UIView渐变的边框颜色？
我已经从我的故事板中声明了一个UIView，并且我知道如何使边框颜色为纯色。但我找不到如何使边界渐变。
@IBOutlet weak var view: UIView!
override func awakeFromNib() {
super.awakeFromNib()
let gradient = CAGradientLayer()
gradient.colors = [UIColor.white.cgColor, UIColor.black.cgColor]
view.backgroundC
浏览 2提问于2017-10-08得票数 0
我正在寻找一种方法来添加一个渐变边框(从黑色到灰色)只到我的顶部和底部的边框，没有边缘。
有没有简单的方法？
浏览 1提问于2015-03-26得票数 3
回答已采纳
3回答
我对CSS3概念很陌生，并试图理解同样的概念。
我假设使用CSS3的主要好处是它消除了使用图像进行渐变、圆形边框等操作。
我的问题是，如果我想支持较旧的浏览器，比如说IE8，我的选择是什么；
它会自动退回到一些旧的硼砂器上的渲染(例如，普通边框而不是圆形)吗？
我是否可以在使用其他库的旧IE浏览器(例如圆角边框)上获得同样的效果？(即IE上的圆形边框或渐变)
在CSS3示例中，我看到了许多东西或属性，如-webkit、-moz、-o等，它们用于什么？是否有任何特定的订单，这些是需要有旧的IE后备支持？
浏览 5提问于2015-06-08得票数 3
2回答
给定一组3种颜色，保持相同的比例，但从新颜色开始，生成下两种颜色。
例如，下面是一个令人满意的蓝色渐变：
rgb(172, 228, 248) -启动
rgb(108, 205, 243) - Finish
rgb(121, 181, 203) -边框
我需要创建一系列10个相似的梯度从不同的颜色开始。我希望渐变保持相同的明暗比例。
那么，给定颜色：rgb(254, 218, 113) (黄色)，我如何计算具有上述相同比例的结束颜色和边框颜色？
浏览 0提问于2012-08-29得票数 4
回答已采纳
2回答
在UIView上放置一个简单的边框是非常容易的。您只需链接到QuartzCore，导入它，然后使用：
self.view.layer.borderColor = [UIColor redColor].CGColor;
self.view.layer.borderWidth = 2.0f;
我的问题是。有没有办法让这个边框使用渐变。我知道如何将渐变蒙版应用到整个视图，而不仅仅是它的边界。我假设这可能涉及到drawRect:中的自定义视图和CoreGraphics绘制，但我不确定从哪里开始。
浏览 1提问于2012-04-18得票数 6
回答已采纳
2回答
我有一个带有渐变边框的框，基本上，它是一个带有黑色背景框的渐变框。然后我有另一个渐变框在它上面，我需要剪切它的一部分来查看它下面的内容-使它变得透明。做好这件事最好的方法是什么？请查看截图以更好地了解所需的内容。
浏览 1提问于2021-03-20得票数 0
1回答
CSS线性渐变边框
、、、
我正在尝试使用CSS3边框渐变属性，并使用css技巧中的一个示例。我可以使用他们的例子让它工作，但似乎不能得到我的颜色，我想这是语法错误。有没有人能告诉我我可能遗漏了什么？
我正在寻找一个从#d1d2cd到#e3e4df 5 pixels wide的渐变的div的左右边框？
我用js fiddle模拟了一个例子：
谢谢
浏览 0提问于2013-06-27得票数 0
3回答
具有线性渐变的边框不透明
、、、、
为什么当我使用线性渐变对div应用透明边框时，顶部和底部的边框不是透明的。
div {
width: 300px;
height: 300px;
background: linear-gradient(pink, red);
border: 20px solid transparent;
}
屏幕截图
浏览 1提问于2013-06-12得票数 2
回答已采纳
1回答
我有图像，我想给它们添加一个透明的渐变背景，类似于OS处理窗口阴影的方式。
有没有办法可以使用像mogrify或sips这样的东西来添加这个边框？我想要处理的图像不是屏幕截图，但让我展示两个屏幕截图，以便我尝试的效果是清晰的：
平面图像：
使用透明渐变：
这不一定是完全相同的，只是一些相似的东西，而不是实心的正方形边框。
浏览 2提问于2011-10-09得票数 4
回答已采纳
通过使用自定义渲染器，可以在Xamarin.Forms中按钮的边框上创建渐变颜色效果。通过在BorderColor重写方法中编辑OnElementChanged属性来完成。渐变按钮贷给@Nico Zhu
目前，按钮渐变工作在初始启动。当在运行时更改边框(或StartColor)时，渐变将被掩盖。见下文的结果。第一个是加载时显示的渐变，第二个显示当前选择的内容，第三个是先前选择的按钮，它将边框颜色恢复为黑色，但这仍然掩盖了初始梯度。
如何支持运行时更改并维护XF按钮上的渐变边框？
Xamarin.Forms梯度按钮
using Xamarin.Forms;
namespace Xam
浏览 0提问于2018-11-30得票数 0
回答已采纳
3回答
具有透明背景的按钮渐变边框
、、、、
下面是我将得到的结果：
所以默认按钮有透明背景的渐变边框(因为我想通过它看到父级的背景)。当用户将鼠标悬停在按钮上时，我想用同样的渐变填充它的边框。
因此，首先我尝试使用边框图像属性和边框的.svg图像：
button {
background: transparent;
background-repeat: no-repeat;
border: 3px;
border-style: solid;
border-color: transparent;
border-image-source: url(assets/images/icons/border.svg);
浏览 5提问于2018-08-16得票数 6
我正在创建一个网格列表，使用标题行中应用的CSS渐变，即第一行。也有边框的应用。
在应用渐变滤镜之前，边框在所有浏览器中都显示出来，但在应用渐变滤镜之后，IE隐藏了边框！其他浏览器也没问题。
CSS代码如下：
.list tr.titlerow, .list .titlerow th {
border: 1px solid #a0a0a0;
height:25px;
padding:2px;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#
浏览 0提问于2012-03-07得票数 3
我知道怎么做渐变和标志。但我不知道如何添加所有这些不同的边框，以及如何添加刷新图标(它周围还有一些自定义边框)。
Instagram操作栏：
那件事怎么可能？
浏览 0提问于2012-05-24得票数 1
回答已采纳
1回答
你好，我一直试图在我的应用程序中实现一个具有圆角和渐变边框的UIButton。我使用以下代码在我的按钮上创建了一个渐变边框：
let gradient = CAGradientLayer()
gradient.frame = CGRect(origin: CGPoint.zero, size: self.myBtn.frame.size)
gradient.colors = [colourOne.cgColor, colourTwo.cgColor]
let shape = CAShapeLayer()
shape.lineWidth = 6
浏览 0提问于2018-05-28得票数 3
回答已采纳
如何以编程方式设计像这种渐变边框颜色的UIButton？
]
感谢你的帮助
浏览 1提问于2016-04-25得票数 19
回答已采纳
2回答
我想在我的div边框的两侧获得以下样式: 1.如果div的高度是X。2.我想要从顶部到顶部的4px开始一些渐变颜色。3.我想从底部开始4px开始一些渐变颜色。(相同的颜色)所以它看起来像这样：|4px透明|开始白色到黑色渐变||在这里结束黑色|开始从黑色到白色渐变(另一个方向)|||在这里结束白色|4px转置
浏览 1提问于2016-04-26得票数 0
我有下表： ? 表格边框的css如下： border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #b3b3b3 20%, #b3b3b3 calc(100% - 25px), rgba(0,0,0,0) calc(100% - 25px)) 0 0 0 1; 目前，边界的渐变部分是百分比。因此，当我的列表中有1000个项目时，将看不到前~20个项目的边界。如何使渐变部分的长度恒定？因此，无论列表项的数量如何，边框的开头似乎总是相同的？
浏览 17提问于2019-01-23得票数 0
回答已采纳
1回答
如何从背景的左右方向添加渐变阴影？
下面的layer-list只从背景的右侧和左侧添加黑色边框，而不是渐变边框。
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle" >
<gradi
浏览 0提问于2014-05-04得票数 5
2回答
有没有办法在D2007中使用Canvas.FloodFill用渐变颜色填充自定义形状的对象。从白色变为边框颜色。我在谷歌上找不到有用的东西。
或者只是用渐变颜色填充自定义形状对象的任何其他方法？
谢谢。
浏览 10提问于2011-05-10得票数 3
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
