css3 的background 背景渐变

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

欢迎大家来到IT世界,在知识的湖畔探索吧!

background-image: linear-gradient(0deg, #fff 0%,#000 100%);

欢迎大家来到IT世界,在知识的湖畔探索吧!

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

样式1

css3 的background 背景渐变

  1. backgroundimage: lineargradient(160deg, #b100ff 20%,#00b3ff 80%);

样式2

css3 的background 背景渐变

欢迎大家来到IT世界,在知识的湖畔探索吧!background-image: linear-gradient(160deg, #ff0064 20%,#ca00ff 80%);

样式3

css3 的background 背景渐变

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

样式4

css3 的background 背景渐变

欢迎大家来到IT世界,在知识的湖畔探索吧!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%);

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/35668.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信