@小于飞飞，我还有问题
那问题又来了，如果我这样写
.sky{
width: 800vh; height: 60vh;
background: -webkit-linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6));
background: -moz-linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6));
background: -o-linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6));
background: linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6));
}
.grass{
width: 800vh; height: 40vh;
background: -webkit-linear-gradient(180deg, rgb(148, 190, 89), rgba(148, 190, 89,.4));
background: -moz-linear-gradient(180deg, rgb(148, 190, 89), rgba(148, 190, 89,.4));
background: -o-linear-gradient(180deg, rgb(148, 190, 89), rgba(148, 190, 89,.4));
background: linear-gradient(180deg, rgb(148, 190, 89), rgba(148, 190, 89,.4));
}
那么效果就变成了这样
跟效果图中的不一致呀，效果图中天空和草地的交接部分颜色是很淡的
正在回答
你好，可以通过透明度来调整，如 background: linear-gradient(top, rgba(196, 228, 253, 1), rgba(196, 228, 253, 0) ); ，希望对你有帮助，祝学习愉快。
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星