css

关于 DESTOON B2B系统 的功能二次开发、前端模板制作HTML、JS、css特效教程、图片素材等这里应有尽有,如您需要,正好我们这里有。

css3 的background 渐变

   css     2019-07-03 12:54     www.dtmuban.com     小黑     77     0    
核心提示:background-image: linear-gradient(0deg, #fff 0%,#000 100%);上面是主代码,括号内的0deg是角度,后面跟着一个颜色和颜色开始的位置,后面跟着另一个颜色和颜色结束的位置,可以写很多个颜色,标注好位置就好。样式1background-image: linear-gradient(160deg, #b100ff 20%,#00b3ff 80%);样式2 background-image: linear-gradient(160deg, #ff0064 2
background-image: linear-gradient(160deg, #b100ff 20%,#00b3ff 80%);

上面是主代码,括号内的0deg是角度,后面跟着一个颜色和颜色开始的位置,后面跟着另一个颜色和颜色结束的位置,可以写很多个颜色,标注好位置就好。



样式1

css3 的background 渐变


background-image: linear-gradient(160deg, #b100ff 20%,#00b3ff 80%);

样式2

css3 的background 渐变


background-image: linear-gradient(160deg, #ff0064 20%,#ca00ff 80%);

样式3

css3 的background 渐变


background-image: linear-gradient(160deg, #0078ff 20%,#002abb 80%);

样式4

css3 的background 渐变


background-image: linear-gradient(160deg, #00ffd5 20%,#008cff 80%);

样式5

css3 的background 渐变


background-image: linear-gradient(160deg, #ffce00 20%,#ff8b00 80%);

样式6

css3 的background 渐变


background-image: linear-gradient(160deg, #a200ff 20%,#cf3700 80%);

--结束END--

有问题投稿请发送至: 邮箱/kf@dtmuban.com    QQ/290948585

本文标题: css3 的background 渐变

本文链接: https://www.dtmuban.com/course/657.html (转载时请保留)

阅读更多
 
本文标签: css 渐变 背景色
0

圈友点评

文明上网理性发言,请遵守 新闻评论服务协议

福利

免费
福利

购买模板,免费送VIP

代授权

程序
授权

小黑

联系
客服

联系客服:

在线QQ: 290948585

客服电话: 18605917465

E_mail邮箱: kf@dtmuban.com

售前咨询 售后服务 DT授权代办

工作时间:

周一至周五: 09:00 - 18:00

反馈

用户
反馈