透明渐变以着色div

文章/答案/技术大牛

发布

1回答

css、gradient、linear-gradients

我想对div进行着色，以向用户显示他可以滚动查看div的其余内容。显然，唯一可用的解决方案是使用linear-gradient逐渐设置颜色，例如从不透明度为1的白色到不透明度为0的白色。但这就是问题所在:我的div没有background-color。div在背景图像的前面(没有附加到div)。我想用线性阴影“掩蔽”div，这样div就会逐渐消失。

浏览 20提问于2021-09-29得票数 0

回答已采纳

1回答

css:带有绝对位置的重叠响应图像

javascript、html、css

我有两个带有背景图像的div，这两个div都有相同的图像，但每个div都有不同的颜色。图像是波形我是这样尝试的：<div<

浏览 14提问于2017-01-25得票数 2

1回答

我正在为Monogame/XNA制作一个GUI库，我决定不使用按钮的纹理，而是使用结构来保存渐变中的渐变和颜色信息。然后，我可以将一个宽度和一个高度传递给struct，它将根据存储在其中的两种颜色计算一个渐变，并传回一个具有正确尺寸和应用的渐变的纹理。我想知道的是计算两种颜色渐变(具有透明度)的最有效的方法。我已经看到了一堆关于这个问题的答案，包括着色器，HSL转换，以及将颜色应用于白色->黑色渐变。它们都不是非常详细或提供的代码示例

浏览 0提问于2013-05-16得票数 0

回答已采纳

1回答

在CGContextDrawRadialGradient中不渲染alpha？

pdf、quartz-graphics、radial-gradients

然而，当我在PDF上下文(CGPDFContextCreate)中绘制相同的东西时，整个圆圈变得不透明。如果我在PDF中绘制任何其他常规路径，则alpha会渲染罚款。所以仅仅是梯度是不起作用的。

浏览 3提问于2012-02-06得票数 3

回答已采纳

2回答

宽度为100%的渐变覆盖并绑定到宽度为50%、最大高度为90%的图像

html、css、image、gradient、linear-gradients

渐变要求：无溢出或滚动。图像、div和渐变必须完全显示在屏幕上。图像永远不会部分隐藏，也不应显示任何滚动条。我不知道为什么jsfiddle

浏览 44提问于2018-09-29得票数 0

3回答

显示框的一部分

html、css

<div class="box">30%</div> background : linear-gradient(to right, rgba(250,0,0,0),rgba(250,0, 0, 1));这个盒子看起来像这样，我只想让盒子背景的30%着色，其余的透明。我希望框的宽度保持100%，但只显示30%的渐变背景。

浏览 1提问于2021-07-31得票数 1

1回答

一种颜色完全透明的线性梯度？

css、background、gradient

是否有一种方法可以使用css对背景进行分层，以便底层是图像，然后是在一端透明的渐变背景，然后从60% (向右)着色？也许更简单一点，你能有一个线性的渐变背景，只有一种颜色的透明度吗？

浏览 2提问于2014-05-28得票数 0

回答已采纳

2回答

jCarousel的羽状剪切蒙版

javascript、jquery、html、css、jcarousel

我有一个用jCarousel连续滚动的图像集。一次只有一个图像完全显示，我希望能够“羽化”旋转木马的边缘，这样图像在穿越可见性时就会淡入淡出。此外，旋转木马的运动有时似乎有点问题。在偶尔的页面加载中，似乎轮播初始化中的animation和/或auto参数没有正确实现，导致轮播要么比预期移动得更快，要么延迟更长，等等。

浏览 3提问于2011-08-17得票数 1

回答已采纳

2回答

使用线性梯度对背景图像进行着色不起作用

css、background-image、linear-gradients

我正在尝试用透明的线性渐变对图像进行着色。开发工具显示我的属性无效。如果我去掉了渐变，图像显示得很好。我是不是漏掉了什么？

浏览 1提问于2015-03-26得票数 0

2回答

使用onBeforeCompile扩展three.js材质类将颜色渐变应用于材质

javascript、three.js、geometry、vertex-shader

我想在保留MeshStandardMaterial着色器的同时，将z轴上的线性颜色渐变应用于此对象。下面是一个应用于对象的双色线性渐变的示例。 ?我需要在保留MeshStandardMaterial类附带的着色器的同时执行此操作。这些答案创建了一个没有MeshStandardMaterial属性的新着色器材质，这是我所需要的。我对着色器只有一个基本的了解。我的对象的材质由THREE.MeshStandardMaterial类定义。我设置了类的以下属性:金属度、粗糙度、透明</e

浏览 435提问于2020-10-28得票数 1

1回答

在OpenGL ES中混合两个精灵而不影响背景

opengl-es、shader、blending

这个想法是白色半透明渐变精灵在另一个精灵之上移动(从左到右)，使用一种混合模式，如叠加(Photoshop)。困难的部分是顶部渐变精灵应该只绘制在下面精灵的可见像素上。渐变覆盖的另一部分应该被丢弃，以不影响背景或下面的其他精灵(就像在最右边的图像上)。有没有可能通过巧妙地组合OpenGL混合模式以及如何实现这种效果，或者我必须创建一个自定义着色器来组合这些精灵？

浏览 1提问于2014-11-20得票数 0

2回答

在TextView Android上同时使用不同颜色的渐变和阴影

android、shader、shadow

我试图在TextView上同时应用不同颜色的渐变和阴影。每当我应用渐变(阴影)，它也重新绘制与渐变颜色相同的阴影，但我需要阴影和不同颜色的渐变。下面是我的一些渐变和阴影代码： txtHello.setShadowLayer(shadowRadius, tempShadowX,tempShadowY, getShadowColorCode());

浏览 4提问于2015-12-28得票数 1

回答已采纳

1回答

如何在Java中位图中添加纹理(Android)

android、bitmap、android-bitmap

我已经创建了一个应用程序，允许生成一个随机的渐变背景来设置为设备壁纸。我想给用户添加纹理到墙纸的选项。我已经在xml中找到了这样做的方法，但在Java中却没有。paintGradient.setShader(shader); canvas.drawRect(0, 0, width, height, paintGradient); 上面的代码生成一个具有三种颜色的渐变位图

浏览 23提问于2019-01-29得票数 0

回答已采纳

2回答

如何为UIImage添加梯度阴影

c#、unity3d

我需要在这张照片里加上阴影- 我知道在unity3d中有一种添加阴影的方法，但是，它不是渐变的，当我添加3种颜色的着色器时，alpha没有被转换成透明的.

浏览 10提问于2017-12-01得票数 1

回答已采纳

2回答

具有固定标题元素和透明度的ie7中的Z索引问题

css、z-index、opacity、gradient、960.gs

我使用960.gs模拟了一个页面，该页面在div中固定了几个元素，页面的内容将在该div下流动。此div的背景是CSS渐变，高度为100% (如果将渐变应用于页面的实际正文，它实际上不会延伸整个页面的宽度)。当用户向上滚动时，内容将在不透明的菜单后面可见。我知道我可以合并网格使用的一些额外的div，但我无法以一种保持渐变和透明效果的方式做到这一点。如何在IE7中实现此外观？

浏览 0提问于2011-02-08得票数 0

回答已采纳

1回答

彩色图像忽略alpha通道-为什么和如何修复？

ios、opacity、quartz-2d、alphablending、colorize

在圆圈内，图像的α/不透明度为1，圆外的α/不透明度为0。我把它显示在UIView里面，背景颜色是[UIColor scrollViewTexturedBackgroundColor]。显然，着色一个完全透明的像素(例如，alpha值为0)会产生完全的填充颜色，这是因为一些奇怪的原因，而不是像我预期的那样保持透明。但在我的应用程序中，我还需要能够在不知道剪裁/轮廓路径的情况下，对任意形状进行着色。一个例子是通过覆盖一个渐变来着色</

浏览 5提问于2012-06-20得票数 4

1回答

Delphi:透明或渐变框架

forms、delphi、transparency、frame、gradient

我有一个窗体，并在paint事件上使用渐变来绘制它。我也有那个表单上的框架。我希望框架将是透明的，以查看窗体的渐变，或者在透明不可用的情况下使用渐变来绘制框架。谁来做这件事？编辑：正如我所看到的，frame的透明度有闪烁。所以现在对我来说最好的解决方案是覆盖TFrame1.PaintWindow(DC: HDC)并用渐变绘制框架的背景。

浏览 2提问于2012-01-09得票数 2

回答已采纳

2回答

线框网格/平面中的视觉伪像

webgl、artifacts

我有一个简单的着色程序，添加参考坐标平面到一个场景。当在远处观看时，就会创建一个视觉工件；在图像的左边到右边都会有一个较轻和更暗的区域的涟漪。📷(a)这类艺术品是否有名称？我调查了这是否是由反混叠引起的。(见佐兰的回答)下面是网格在绘制成具有渐变</em

浏览 0提问于2020-04-11得票数 4

回答已采纳

2回答

CSS渐变不透明度(非背景)

html、css、webkit、gradient

我知道如何用alpha创建渐变背景，但我想要的是让我的元素具有渐变不透明度。我正在寻找的是让我的div和它的所有子对象都应用了不透明渐变。有办法做到这一点吗？

浏览 2提问于2012-02-09得票数 6

回答已采纳

2回答

仅CSS径向透明中心

css、gradient、transparent、radial

我已经创建了一个包含a文本的div。我正在尝试创建一个悬停函数，它将使正方形div具有半透明的边缘。我四处打听过，听说有一种方法可以“覆盖”它。不确定这是不是可能的。我知道photoshop会是一个很好的选择。或者，有没有更好的方法来制作一个具有透明边缘的长方体，

浏览 3提问于2015-06-15得票数 0

点击加载更多