精心制作的背景图像渐变css

我爱你的家人。这可能更像是一个设计问题，但我想我会尝试一下，以防有人掌握了一些我可以使用的CSS技术。如果没有，我会做好准备，迎接否决票和反对票的冲击

你可以看到这里的logo支架有一个背景图像，右边有一个很好的渐变，很明显是半透明的。我的客户正在寻找顶部和右侧的渐变。关于我如何做到这一点有什么想法吗

---

提前感谢。

最明显的解决方案是使用部分透明的图像作为container-div的背景图像

#container_div {background: transparent url(path/to/image.png) bottom right no-repeat; }

---

最明显的解决方案是使用部分透明的图像作为container-div的背景图像

#container_div {background: transparent url(path/to/image.png) bottom right no-repeat; }

---

你看到我面临的问题了吧？在左边的顶部，向上淡出不是什么大问题。有几种方法可以解决这个问题。但是，当你越来越接近右边时，把它和右边混合起来会变得很棘手。CSS asside，我甚至不知道如何从设计的角度来实现这一点；我想我不知道。根据你的评论，我想你想要一个从右下角开始的渐变？只需创建一个具有alpha通道透明度的图像，并使用css对其进行定位。我错过什么了吗？这似乎并不难=/@jeerose：从图形的角度来看，你必须在左侧->右侧制作一个不透明度遮罩，使其自身褪色。这在焰火、Photoshop或Illustrator中很容易实现。现在在我看来，这个东西可以是一个静态的宽度，也可能是一个静态的高度，所以我不知道是什么给你的问题。。。添加渐变会禁止背景在你需要的方向上重复吗？这在GIMP中也很容易，因为它值得。@prodigistalson，我不知道为什么我以前没有想到，但是你的不透明遮罩为我触发了它。我将渐变遮罩应用于从上到下的现有渐变。工作得很有魅力。谢谢大家!！你看到我面临的问题了吧？在左边的顶部，向上淡出不是什么大问题。有几种方法可以解决这个问题。但是，当你越来越接近右边时，把它和右边混合起来会变得很棘手。CSS asside，我甚至不知道如何从设计的角度来实现这一点；我想我不知道。根据你的评论，我想你想要一个从右下角开始的渐变？只需创建一个具有alpha通道透明度的图像，并使用css对其进行定位。我错过什么了吗？这似乎并不难=/@jeerose：从图形的角度来看，你必须在左侧->右侧制作一个不透明度遮罩，使其自身褪色。这在焰火、Photoshop或Illustrator中很容易实现。现在在我看来，这个东西可以是一个静态的宽度，也可能是一个静态的高度，所以我不知道是什么给你的问题。。。添加渐变会禁止背景在你需要的方向上重复吗？这在GIMP中也很容易，因为它值得。@prodigistalson，我不知道为什么我以前没有想到，但是你的不透明遮罩为我触发了它。我将渐变遮罩应用于从上到下的现有渐变。工作得很有魅力。谢谢大家!！