最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】reactjs中把顶部导航栏变成渐变色背景

ReactJS crifan 3995浏览 0评论

一个reactjs的项目,需要把现有的灰色的导航栏:

换成顶部是渐变色的背景:

UI给出了:

水平线性渐变,#12C65E,#34B6E3

从 左边 #12C65E 渐变到 右边 #34B6E3

所以去试试

css 水平 渐变色

使用CSS渐变 – Web开发者指南 | MDN

去试试:

【总结】

<code>// background: #fafafa bottom left no-repeat;
// background-image: linear-gradient(0deg, transparent 50%, #a8a8a8 50%);
// background-size: 100% 1px;
background: linear-gradient(to right, #12C65E, #34B6E3);
</code>

然后就可以了:

转载请注明:在路上 » 【已解决】reactjs中把顶部导航栏变成渐变色背景

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
89 queries in 0.189 seconds, using 22.12MB memory