linear-gradients相关内容

在 Swift 中的按钮上设置背景渐变

我不知道如何在按钮上设置背景渐变(不使背景渐变成为图像).这与 Android 有很大不同. 这是一个我必须定义可返回渐变方案的类: 导入 UIKit扩展 CAGradientLayer {func backgroundGradientColor() ->CAGradientLayer {让 topColor = UIColor(red: (0/255.0), green: (153/25 ..
发布时间：2021-12-18 20:35:57 移动开发

为什么我不能引用在外部文件(绘制服务器)中定义的 SVG 线性渐变?

请看一下这支笔: http://codepen.io/troywarr/pen/VYmbaa 我在这里做的是: 定义一个 SVG 符号() 定义 SVG 线性渐变 () 使用 元素来引用我创建的 SVG 符号 在CSS中，定义两个类: external，它引用了这个外部.svg 文件(右击查看源码) internal，它引用了本地 HTML 中定义的线性渐变(我相信，它 ..
发布时间：2021-12-17 18:21:32 其他开发

使用 CSS 的 SVG 渐变

我正在尝试将渐变应用于 SVG rect 元素. 目前，我正在使用 fill 属性.在我的 CSS 文件中: rect {光标:指针；形状渲染:crispEdges；填充:#a71a2e；} 并且 rect 元素在浏览器中查看时具有正确的填充颜色. 但是，我想知道是否可以对这个元素应用线性渐变? 解决方案 只需在 CSS 中使用您将在 fill 属性中使用的任何内容.当然， ..
发布时间：2021-12-17 17:58:19 前端开发

带边框半径的边框渐变

我有以下 CSS:- a.btn.white-grad {背景:$lgrey;颜色:#313149 ！重要；边框:1px 实心 #000；边框图像源:线性渐变(向右，#9c20aa，#fb3570)；边框图像切片:20；向左飘浮;@include 字体大小(26);边距:75px 0;} 添加 border-radius: 5px 似乎没有任何作用，我认为这是因为我正在使用边框渐变，有没有办法 ..
发布时间：2021-12-01 16:24:51 前端开发

如何去除使用线性渐变属性时出现的条纹

当使用linear-gradient CSS属性时，当使用left和right作为方向值时，背景显示没有条纹.但是当方向值指定为顶部或底部时，背景中会出现条纹.有什么办法可以去除条纹吗? 代码如下: body {背景:线性渐变(到顶部，红色，黄色)；} 解决方案 您面临着一个复杂的背景传播，您可以阅读此处.我会尽量用简单的话来解释. 你的 body 的高度等于 0；因此背景在 ..
发布时间：2021-12-01 16:19:10 前端开发

在线性渐变上使用带有背景位置的百分比值

有没有办法让 background-position 取百分比值?目前，我的按钮仅适用于 width 和 background-position 的显式值. body {最小高度:100vh；显示:弹性；弹性方向:列；justify-content:空间环绕；对齐项目:居中；}.按钮 {显示:弹性；对齐内容:居中；对齐项目:居中；文字装饰:无；白颜色;字体粗细:粗体；宽度:350px；高度: ..
发布时间：2021-12-01 16:01:11 前端开发

如何使用Python Turtle进行线性渐变?

我目前正在尝试复制此图像: https://imgur.com/a/IZIPGkg 我正在尝试在背景中制作渐变色，但我对如何做到这一点一无所知，互联网上基本上没有任何东西.编辑:如果有帮助，我两端都有RGB颜色.顶部是 rgb(154,0,254)，底部是 rgb(221,122,80). 解决方案 粗制滥造，但又迅速又有效: from turtle import Screen, Tur ..
发布时间：2021-05-29 20:55:47 Python

有什么方法可以确保此线性渐变上的所有条纹都相同?

在将此渐变上的所有条纹设置为相同大小时，我遇到了问题；底部的一个大于其余的. 有什么办法可以防止这种情况? #flag {宽度:1000px;高度:600px;背景图像:线性渐变(到底部，#6E0E2E，#6E0E2E 16％，#2A0614 16％，#2A0614 32％，#BE1864 32％，#BE1864 48％，#00923C 48％，#00923C 64％，#1C562E ..
发布时间：2021-05-29 20:55:41 前端开发

CSS:使用“背景剪辑:文本"和线性渐变的浏览器兼容性问题

我正在尝试在滚动上创建淡入淡出的文本效果，其中元素顶部和底部的文本是透明的，但中间的文本仍然是完全不透明的.在视频背景上还可以无限滚动文本.由于难以解释效果，因此，下面是到目前为止仅在Chrome上有效的效果演示: 正在运行的演示: http://dboxcg.dev.dbox.com/portfolio 它可以在chrome(v81.0.4)上运行，但无法在Firefox，Safar ..
发布时间：2021-05-29 20:55:38 前端开发

覆盖线性渐变CSS属性

我有以下类定义: 高度:99像素；宽度:961px；padding-top:40像素；font-size:15px;颜色:rgb(255，255，255);背景:不可重复的url(data:image/png; base64，h64GFj4fhffGFHJJ74fhf); 但是，该网站的javascript(我无法影响)在后台添加了 linear-gradient 属性: 高度:99像素； ..
发布时间：2021-05-29 20:55:35 前端开发

矩形中的SwiftUI对角线LinearGradient

问题:我正在尝试在SwiftUI中以矩形绘制对角线性渐变. 我实现了一个标准的多点线性渐变，当呈现为正方形时它可以完美工作，但是当我将框架更改为矩形时，它会表现出一些奇怪的行为，看起来看起来更水平，或者有一些奇怪的裁剪 代码: struct CustomGradient:查看{var body:some View {线性梯度(渐变:渐变(停靠点:[.init(color:Color ..
发布时间：2021-05-29 20:55:31 其他开发

带有边界半径和渐变文本的渐变边界

我正在尝试实现以下设计！我设法用渐变边框实现了边框半径，但是如果我尝试使用 -webkit-background-clip & -webkit-text-fill-color 表示渐变文本，则边框半径不起作用，整个按钮将获得渐变颜色.我使用此作为渐变文本的参考，并为渐变边框附加了代码 .btn {背景图片:线性渐变(向右，#006175 0％，#00a950 100％)；border-ra ..
发布时间：2021-05-29 20:55:21 前端开发

HTML Canvas渐变仅显示一种颜色

我在使用画布渐变时遇到问题，它仅显示我在 gradient .__ addColorStop __(offset，color)方法上设置的最后一种颜色. 例如，以下是我的一段代码，可以更好地理解: let canvas = document.getElementById('canvas');让ctx = canvas.getContext('2d');让梯度= ctx.createLin ..
发布时间：2021-05-15 18:32:17 前端开发

将线性背景色应用于CSS中的一组六边形

我已经在HTML和CSS中构建了一个六边形网格，并且我试图获得一个线性渐变以覆盖整个网格.我用于十六进制网格的HTML和CSS如下: .hex {向左飘浮;右边距:-26px;底边距:-50px;}.hex .left {向左飘浮;宽度:0;右边框:30px实心#6C6;border-top:52px透明的纯色；边框底部:52px纯透明；}.hex .middle {向左飘浮;宽度:60像 ..
发布时间：2021-05-14 20:24:46 前端开发

CSS Square背景-图片

我试图仅使用CSS来制作正方形背景，但是我只有线条背景而没有水平线的选择. 这是我的示例代码: .container {背景颜色:红色；宽度:400像素；高度:200px；margin:0自动;背景图像:线性渐变(90deg，rgba(255，255，255，.5)95px，透明50％)，linear-gradient(rgba(255，255，255，0)5px，透明100％);背 ..
发布时间：2021-05-14 19:31:11 前端开发