cost 38 ms
在线性渐变背景下用另一个 div 掩盖一个 div

我正在尝试使用此处显示的左绿色 div 来掩盖/剪辑右白色 div: 请注意,背景是线性渐变的。 这并不像只设置绿色 div 以匹配背景颜色那么简单。 如果我将绿色 div 的背景设置为transparent ,绿色 div 就会完全消失。 有没有办法让绿色 div 与线性渐变背景匹配并用作蒙 ...

2022-09-27 21:54:27 0 6
线性渐变的大小可以与其容器不同吗?

在这个非常简单的示例中,是否可以在 CSS 中: 黑线没有灰色区域那么宽吗? 使用重复的线性渐变而不是重复每个黑色/透明部分? 在事先不知道灰色区域有多高的情况下,黑线是否以灰色区域的高度为中心? 我可以制作第二个更窄的 div 以将黑线保持为重复的线性渐变,并将 position 保持在灰色 d ...

2022-09-22 04:37:54 2 41
Angular mat-slider 轨道填充自定义渐变

我必须使用渐变自定义 angular 数学滑块轨道填充。 我试图覆盖下面的 mat-slider-track-fill 代码,但它不起作用。 我的最终结果应该是这样的轨迹栏。 如果我使用“固定颜色”(例如黄色,红色..)它可以工作,但如果我尝试使用渐变它不会。 谁能帮我? ...

2022-09-21 13:15:07 1 18
Flutter - 如何通过 LinearGradient 自定义 showDatePicker function

就我而言,我需要通过 LinearGradient 自定义 showDatePicker function 但它只支持颜色类型。 我在材料库的 date_picker.dart 中更改了 Builder function 但我认为这不是一种安全的方法。 有什么方法可以定制吗? 感谢您的阅读。 ...

2022-09-21 03:28:23 0 13
CSS var、from、calc 和线性渐变不起作用

我尝试在我的一个项目中使用一些动态 CSS,但以下函数根本无法计算(CSS 的 rest 工作正常): 变量() 从线性梯度计算() 样式在检查器中显示得很好,即使 var 似乎引用了正确的颜色,但页面是白色的: 我的样式表也正确导入了,正如您从检查器中看到的那样,掌握了我输入的颜色: 这对于 ...

2022-09-09 19:41:11 0 16
如何使用 D3 修复 svg 图例的重叠刻度标签

我有一个使用线性渐变和 D3 概念创建的颜色图例。 我目前面临的问题是图例的刻度标签重叠。 我必须一直显示 Min 和 Max 值以及额外的刻度。 我共享了代码片段和 JS fiddle。 我尝试了几件事,但似乎没有什么对我有用。 const itemColor = [{ offset: 0.0, ...

2022-09-05 10:30:39 1 13
CSS 背景:线性渐变 - Animation 未按预期运行

我在实现 animation 时遇到问题。 下面的代码片段工作正常。 目前,背景仅从左到右进行动画处理。 但是我想在循环结束时(到达右下角)反转上面的 animation,然后 animation 应该从那里开始到左边。 我还尝试通过更改背景 position(使用 javascript)添加一个延 ...

2022-09-04 13:29:29 2 15
我可以在 CSS(甚至 JS)中将背景图像淡入另一个背景图像吗?

我为此看到的所有内容基本上都使用了顶部带有线性渐变的背景图像,这对我不起作用: 我有 2 个 div,其背景图像垂直相邻,例如 50px 的重叠。 我想将第二个 div 上背景图像的顶部 50px 设置为渐变,以便它从透明淡入。 这是开始的设置: * { box-sizing: box-sizi ...

2022-09-02 15:51:11 3 32
透明边框不适用于线性渐变

.box:after { content: ''; position: absolute; top: -1px; right: -5px; width: 0; height: 0; border-bottom: 23px solid #ff0e1f; border-right: 5px solid ...

2022-08-31 21:41:31 1 26
尝试 go 确定如何使用 CSS 获得此渐变 [关闭]

关闭。 这个问题需要调试细节。 它目前不接受答案。 编辑问题以包含所需的行为、特定问题或错误以及重现问题所需的最短代码。 这将帮助其他人回答问题。 2 小时前关闭。 改进这个问题我正在尝试使渐变看起来如下所示: 我想使用的渐变谢谢你的帮助! ...

2022-08-31 18:57:16 1 22
无法将我的线性渐变移动到图像的底部

我对 web 开发非常陌生,并且遇到了障碍。 我想在图像底部有线性渐变(所以图像会变成黑色)但是我不确定如何把它带到那里。 我是否需要更改背景图像或渐变的大小,我不太确定。 我将附上我的 css 和图像。 任何帮助,将不胜感激! 图片 *{ margin:0; padding:0; box-sizi ...

2022-08-23 22:53:38 1 27
具有一定百分比的边界半径的线性渐变

1)如何在红色背景颜色的确切左下角和右下角添加边框半径? 因为我需要红色的边界半径,它是线性渐变的一部分,所以我不知道怎么做。 它只是在身体元素上。 ...

2022-08-23 08:27:04 1 24
如何将 CSS 滚动阴影添加到水平滚动容器?

我按照这个问题的答案并稍微改变了它,以便它可以在应该水平滚动的容器上工作。 目标是向容器的边缘添加linear-gradient ,并在容器滚动时使渐变保持在边缘。 当用户位于容器的最左侧时,左侧阴影不可见,右侧也是如此。 所以当用户在中间时,两个阴影都应该是可见的。 我使用了答案底部示例之一中的 ...

2022-08-21 19:31:16 0 26
如何为我的 D3 连续图例提供断点(域)

我有一个使用 D3 概念进行线性采样的连续图例(通过 CSS 线性渐变创建)。 我的数据集是数组,其中第一个值代表点,接下来的值代表 RGB 值。 我的传说背后的逻辑是它采用第一个值(点)并返回该点的颜色以及它进行插值的点的 rest。 现在我有一个要求,我应该能够使用带有断点的样本(无论用户提供 ...

2022-08-14 15:38:46 0 14
Firefox 不正确地渲染线性和径向渐变

我正在尝试使用渐变属性来创建背景,由于某种原因,它在 firefox 中呈现错误的渐变,但在基于 chrome 的浏览器中却完美。 我试过使用 -moz- 并没有帮助。 出于某种原因,它创建了一堆不同的线条,当我试图让它更大时,它看起来真的很糟糕。 查看这些图片以供参考镀铬Firefox ...

2022-08-13 19:16:47 0 9
SwiftUI 中的 CAGradientLayer

我正在将我的项目转换为 SwiftUI 并使用渐变背景。 我不知道如何将以下内容转换为 SwiftUI 视图: 我尝试了以下方法,但结果不一样: ...

2022-08-12 23:01:46 1 30
如何在 Expo 应用程序中集成 react-native-linear-gradient

我是 React Native 的新手,我面临着使用渐变的巨大挑战。 我的目标是创建一个组件库,它将在其他 React Native 应用程序中重用,并且我的一些组件使用渐变样式。 例如,主Button组件具有渐变背景。 一些著名的解决方案是react-native-linear-gradient ...

2022-08-09 11:02:58 1 21

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM