linear-gradients 相关问题

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


如何在Theme-ui中使用渐变值?

我正在使用https://theme-ui.com/设置组件样式。到目前为止,一切都很棒,但是我无法使渐变值正常工作。我有一个按钮,它在hove上应该有边框...

回答 1 投票 0

我如何制作具有半径的渐变顶部边框?

我一直在尝试为具有半径的盒子制作渐变顶部边框。渐变边框应仅在框的顶部,并且需要与框的其余部分具有相同的半径(5px)。 ...

回答 1 投票 0

Set 从右到左的线性渐变

我想根据百分比设置tr背景色。所以我为tr使用了背景图像:线性渐变(绿色,绿色)样式。问题是背景图像从左开始,我想填充...

回答 2 投票 0

node_modules / react-native-linear-gradient / common.js尝试导入错误:'requireNativeComponent'未从'react-native-web / dist / index'中导出

终端代码片段中的错误我在React-Native中使用线性渐变时遇到了麻烦。我已经正确安装了所有东西,但始终会弹出此错误。有人可以帮忙吗?

回答 1 投票 0

可以制作很大的线性渐变吗?

对于链接悬停效果,我希望背景颜色与当前文本颜色相同,但具有一定的透明度。由于您不能直接将alpha添加到currentColor中,所以我想出了一个技巧...

回答 1 投票 0

我如何为按钮编写代码以生成随机的背景颜色渐变

我想添加一个在背景上生成随机线性渐变的按钮。当我单击一个按钮或另一个按钮时,下面的代码生成线性渐变。 var color1 = document.querySelector(...

回答 1 投票 -2

我们如何使用JavaScript DOM更改背景图像的线性渐变?

document.querySelector('。image')。addEventListener('mousemove',(e)=> {document.querySelector('。image')。style.backgroundImage ='linear-gradient(to top,rgba($ { e.offsetX},$ {e.offsetY},22,0.5),...

回答 1 投票 0

CSS中有4个渐变边框

我需要在盒子的所有四个侧面上应用渐变边框的帮助。我试过了,但只适用于两个方面。在查看了所有链接和SO答案后,我得到了:.test {height:...

回答 2 投票 4

CSS用于仅从左侧进行渐变叠加

我正在尝试从左侧显示白色渐变叠加层。线性渐变,从左到右。仅左侧为白色而右侧为透明的位置。这可能吗...

回答 2 投票 1

具有线性渐变,阴影和文本轮廓的CSS文本?

是否可以创建具有线性渐变,阴影和轮廓的文本。我的问题是渐变需要使用“ -webkit-text-fill-color:透明”,因此阴影位于...

回答 3 投票 2

为什么将具有线性渐变的css背景图像和图像放入html样式标签中,而放在样式表中却不起作用?

我正在尝试将具有线性渐变的CSS背景图像和图像放入样式表css文件中,但是当它添加到CSS文件时,它不会显示链接的图像,但是当...

回答 1 投票 -1

如何比较两个LinearGradients? SwiftUI

我有多个渐变作为我的应用程序的主题。我希望当渐变(存储在变量中)为特定渐变时,布尔值变为true。但是,我不断收到错误消息:“二进制...

回答 1 投票 0

为什么当我定位元素位置时,渐变背景消失:绝对?

我制作了渐变背景,我想集中这块文字。我的目标是创建一个无论屏幕视口分辨率如何都集中在屏幕中间的标题。所以我...

回答 1 投票 4

如何使用CSS使图像的三个侧面(顶部,右侧和左侧)具有盒形阴影,并且在底部具有淡入白色的阴影?

我正在尝试使用CSS线性渐变和矩形阴影使图像的三个侧面(顶部,右侧和左侧)具有矩形阴影,同时在底部边缘也具有“淡入白色”图片。我不...

回答 1 投票 0

如何创建具有渐变边框和透明度的CSS加载器?

我正在尝试使用HTML和CSS做一个加载器,但是我已经完成了加载器,但是当我在加载器中心后面有信息时,出现了一个问题,该信息没有显示,原因是我...

回答 1 投票 2

是否可以在CSS(双线性渐变)中创建2轴4颜色渐变?

我的JavaScript和 。 https://codepen.io/KonradLinkowski/pen/QWbjaPr

回答 1 投票 0

我正在尝试将线性渐变应用于我的身体,但这不起作用。现在,当我使用径向渐变时,它可以工作。为什么会这样?

我正在与Sass合作,我决定将颜色保留在var()中。所以,我使用:root作为我的范围声明。我已经根据发现的信息在我的身体和html中添加了最小高度...

回答 1 投票 1

使用线性渐变的动画链接下划线(背景剪辑?)

正在寻找有关如何模拟此纯CSS链接的提示,以下划线加载动画... Codepen:纯CSS加载动画Embed未显示动画,因此,此处为Gif:加载动画gif ... ...

回答 1 投票 0

我如何在一个伪元素上获取clipPath SVG以便在数据URL之外的IE11 / Edge中工作?

我正在尝试创建一个圆形的渐变边框,其中的内容可以是透明的。这排除了在内容下方放置背景渐变元素的标准方法。另一个...

回答 1 投票 1

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