为了账号安全,请及时绑定邮箱和手机立即绑定

制作斜向条纹

制作斜向条纹

qq_安安_17 2017-08-23 09:47:32
.box{    width: 400px;              height: 250px;              background:linear-gradient(45deg ,yellow 25%,pink 0,pink 50%,                                            yellow 0,yellow 75%,pink 0);              background-size: 50px 50px;      }请求大神解释这里一个贴片四个条纹的deg是怎么变化的?是怎么形成的斜向条纹?
查看完整描述

1 回答

已采纳
?
信者得救

TA贡献22条经验 获得超10个赞

45deg,其实就是to right top的意思,意思是背景的渐变方向从左下往右上。

至于怎么形成条纹,而不是渐变,关键在于pink 0, yellow 0。pink 0,pink 50%让本来的yellow到pink的渐变变成了纯色。

其实也可以写成这样,这样是否好理解些?

          background:linear-gradient(to right top,yellow 0%,yellow 25%,pink 25%,pink 50%,yellow 50%,yellow 75%,pink 75%,pink 100%);

还不理解,还可以一个一个参数删掉,看看运行的效果变化,就能理解了。


查看完整回答
反对 回复 2017-08-23
  • 1 回答
  • 0 关注
  • 1641 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信