中心水平线性梯度(非径向)
中心水平线性梯度(非径向)
提问于 2015-11-11 19:51:47
是否有一个CSS线性梯度起源于中心，但不是径向形式？
我已经查找过这个的文档
对于从左到右的线性梯度和径向梯度，我已经找到了大量的文档。但这并不是我希望产生的效果。
如果您想知道为什么不只是使用径向梯度
这是一个侧栏，跨越网页的高度。我想让它看起来更像圆柱体。这就是我不想使用径向效应的原因，因为这会把侧边栏当作一个球体。
其他选项
我知道，我可以镜像两个独立的线性梯度，并将它们放在一起，以达到预期的效果。
最终问题
然而，我想知道是否有一个预先建立的选项，为实际的预期效果？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-11-11 19:54:27
也许我遗漏了什么，但是一个线性梯度就能做到这一点：
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,1) 100%);从黑色开始，中间变成白色，然后再回到黑色。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33658730
复制相关文章
相似问题
腾讯云开发者
