background-color渐变色 css3 的background 渐变

软件教程 2024-02-07 07:09:30

画了两个很漂亮的雪纺,暂不考量兼容问题了,呵呵。

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

下面是主标识符,括弧内的0deg是视角,前面跟著两个色调和色调已经开始的边线,前面跟著另两个色调和色调完结的边线,能写许多个色调,标示好边线就好。

式样1

background-color渐变色 css3 的background 渐变_https://www.ybmzs.com_软件教程_第1张

(此相片源于互联网,如有侵权行为,请联络删掉! )

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

式样2

background-color渐变色 css3 的background 渐变_https://www.ybmzs.com_软件教程_第2张

(此相片源于互联网,如有侵权行为,请联络删掉! )

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

式样3

background-color渐变色 css3 的background 渐变_https://www.ybmzs.com_软件教程_第3张

(此相片源于互联网,如有侵权行为,请联络删掉! )

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

式样4

background-color渐变色 css3 的background 渐变_https://www.ybmzs.com_软件教程_第4张

(此相片源于互联网,如有侵权行为,请联络删掉! )

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

式样5

background-color渐变色 css3 的background 渐变_https://www.ybmzs.com_软件教程_第5张

(此相片源于互联网,如有侵权行为,请联络删掉! )

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

式样6

background-color渐变色 css3 的background 渐变_https://www.ybmzs.com_软件教程_第6张

(此相片源于互联网,如有侵权行为,请联络删掉! )

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

发表回复