第一屏的这张背景图能不能用线性渐变给它实现出来?

第一屏的这张背景图能不能用线性渐变给它实现出来?

已知四个角的颜色值:

左上 #e7e7e7

右上 #c4c4c4

右下 #c4c4c4

左下 #d0d0d0

或者用canvas能画出来?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
felufan 2017-12-03 23:44:50
/* 是不是写错了?
   若没写错,不好意思,我不知道如何实现,抱歉回答时看问题不够细心;
   若是:
     左上 #e7e7e7
     右上 #c4c4c4
     左下 #c4c4c4
     右下 #d0d0d0
   实现如下:
*/
background:-webkit-linear-gradient(   right bottom, #e7e7e7, #c4c4c4, #d0d0d0);
background:   -moz-linear-gradient(   right bottom, #e7e7e7, #c4c4c4, #d0d0d0);
background:     -o-linear-gradient(   right bottom, #e7e7e7, #c4c4c4, #d0d0d0);
background:        linear-gradient(to right bottom, #e7e7e7, #c4c4c4, #d0d0d0);
  • 提问者 留白未来 #1
    没写错,是这样的.案例中老师是直接把这个渐变的背景抠图出来了.我在想有没有代码的方式能实现.设计的那个渐变好像是套了两层,从左到右,和从上到下.
    2017-12-04 00:17:04
  • 提问者 留白未来 #2
    矩阵那我学的比较懵,不知道用矩阵能做不.
    2017-12-04 00:18:31
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师