linear-gradients 相关问题

线性渐变是一种颜色区域,其从一种颜色平滑地变化到另一种颜色(或多于两种颜色)。

使用CSS的SVG渐变

我正在尝试将渐变应用于SVG rect元素。目前,我正在使用fill属性。在我的CSS文件中:rect {cursor:pointer; shape-rendering:crispEdges;填写:#a71a2e; } ...

回答 5 投票 71

如何对文本使用文本阴影和线性渐变?

我尝试使用它们但它失败了.. h1 {font-size:72px;背景:线性渐变(顶部,黑色50%,橙色50%); -webkit-background-clip:text; -webkit-text-fill-color:...

回答 2 投票 3

线性渐变背景的CSS不透明度?

我有一个div,背景为:background:linear-gradient(120deg,#6971a2 0%,white 80%);我想在此背景中添加不透明度功能,同时不影响内部文本...

回答 1 投票 0

SVG 代码在任何浏览器中呈现时都会中断

我已经搜索了网络的各个角落寻找解决方案,但似乎没有其他人有这个问题。这是我目前的代码:

回答 1 投票 0

如何在其他文件中使用SVG符号的渐变?

我发现当我有一个带有符号的源SVG和一个访问源SVG的目标SVG时 ,符号被导入并且能够访问渐变(可能是因为...

回答 1 投票 0

HTML中的线性渐变颜色长度不起作用

我试图用CSS创建HTML的渐变背景。渐变应该从顶部有10%的红色,其余部分(80%)应该是绿色,如下所示:做...

回答 1 投票 0

如何在CSS中创建响应式棋盘背景?

我希望有一个响应式棋盘背景应该看起来像颜色选择器中的背景:我尝试了什么:.chess {background-image:linear-gradient(90deg,#999 30px,...

回答 3 投票 0

用于ngStyle background-image的stackblitz示例未在DOM中成功呈现图像

我的目标是通过绑定到background-image属性来提供动态图像。这是一个Stackblitz,举例说明问题的当前状态。正如你所看到的......我试过消毒......

回答 1 投票 -2

对于javafx,css上的线性渐变重复

我试图在javafx中使用线性渐变创建一个模式,问题是,无论我给出了什么属性,它都表现为我的行为,因为我估算反映循环从开始到结束,结束......

回答 1 投票 -1


如何在ggplot2中获得水平颜色渐变?

我想创建一个水平温度计图表,颜色渐变从绿色(左)到红色(右)。我能够添加颜色渐变,但它是垂直的而不是水平的。其次,是......

回答 1 投票 1

如何用css制作阅读滚动条?

所以我试图用线性渐变替换背景颜色属性,但我没有接近它的位置

回答 1 投票 -1

矩形的透明角的渐变?

线性渐变(左下角,蓝色,rgba(255,255,255,0));我们如何为右下角,左上角,右上角创建3个其他渐变?我查看了Mozilla的文档,但没有...

回答 4 投票 -1

循环渐变效果对现有按钮

我有一个已经存在的按钮: I would like to be able to add a class button-...

回答 1 投票 0

如何使用线性渐变实现两个选项卡

有两个选项卡,每个选项卡的背景颜色是线性的,并且它们都具有border-radius。它们如下所示:每个标签的背景是线性渐变(右边,#FF7243,#FF563E); ...

回答 2 投票 2

position:相对破坏background-clip:text

我在带有某个孩子的元素上使用background-clip:text 元素。我想添加一些:在元素之后 标签和位置然后绝对是为了掩盖文本...

回答 1 投票 1

SVG符号中的线性渐变

我有一个svg精灵 包含一个 。我正在提交一份 在这同样的 用这个渐变填充=“url(#id)”。但是,当我加载

回答 2 投票 2

将动画添加到元素线性渐变的程度

我正在研究这个演示。如何根据#anim-left或#anim-right click添加或减少90度到.box线性渐变的动画?我能够添加一些CSS,但这是跳跃...

回答 1 投票 1

CSS Stripes,重复线性渐变bug

我在CSS中有一个带有条纹的分隔线,有重复的线性渐变,但它做了一些奇怪的事情,这里是一个图像:正如你所看到的,一些条纹的厚度是不一样的,我会......

回答 2 投票 4

渐变混合多个图像

如何使用CSS将多个图像渐变在某个区域相互混合,如下图所示?我尝试过的:.container {position:relative;显示:flex; ...

回答 2 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.