怎样用 -webkit-linear-gradient 做出如图所示的渐变？（ CSS）

2017-07-19 06:29:45 +08:00
 MagaFun

我有三个颜色：粉色，黄色和紫色。想做出以下的渐变。

第一个百分之三十要做出粉色，接下来的百分之五是渐变，第二个百分之三十是黄色，然后的百分之五是渐变，最后的百分之三十就是紫色了。请问怎么样用 -webkit-linear-gradient 这个 CSS 做出来？

提前感谢。

2738 次点击
所在节点    问与答
3 条回复
Mutoo
2017-07-19 07:11:11 +08:00
http://www.colorzilla.com/gradient-editor/
直接在线编辑器手动创建
P233
2017-07-19 07:11:30 +08:00
to right
0% - 30% 粉色到粉色的渐变
30% - 35% 粉色到黄色的渐变
35% - 65% 黄色到黄色的渐变
以此类推
MagaFun
2017-07-19 14:44:20 +08:00
@Mutoo 这个太有用了，谢谢

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/376305

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX