-webkit-gradient 中的堆栈渐变
我可以将 3 个渐变合并为一个 -webkit-gradient 吗？我想要一个图像，该图像具有“背景”和“中景”的径向渐变以及“前景”的线性渐变。这可能吗？
Can I combine 3 gradients into one -webkit-gradient? I want to have an image that has a radial gradient for the "background" and "middle-ground" and a linear gradient for the "foreground". Is this possible?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
是的，这是可能的。使用三个重叠元素（
div与其他元素一样好），每个元素用于背景、中间和前景。使用透明作为基础颜色，为每个样式设置自己的渐变，其他样式将显示出来。编辑：这是一个两层版本，可以帮助您入门：http://jsbin.com /awali
（需要 Webkit 浏览器）Yes, it is possible. Use three overlapping elements (
divsare as good as any other), one each for the back-, mid-, and foregrounds. Style each one with its own gradient, usingtransparentas the underlying color, and the others will show through.Edit: here's a two-layer version that should help get you started: http://jsbin.com/awali
(requires a Webkit browser)