CSS 3 顏色屬性

發(fā)布時間：2020-07-13 22:38:02 來源：網(wǎng)絡(luò) 閱讀：452 作者：Hello_Prudence 欄目：開發(fā)技術(shù)

======================================================================================

CSS 3 顏色屬性

1. rgba (rgb, a(透明度))；

2. HSL （色相[0-360]，飽和度[0-100%]，亮度[0-100%]）

CSS 3 顏色屬性

3. HSLa

=====================================================================================

opacity ----- 設(shè)置不透明度 [0-1]

****一個元素的opacity屬性會應(yīng)用到這個元素本身以及這個元素所有的子孫元素上

CSS 3 顏色屬性

=====================================================================================

顏色漸變

1.線性漸變

background: linear-gradient(to bottom, red ,yellow);

//漸變方向/角度，第一種顏色，第二種顏色,...

關(guān)鍵字表示方向： left,right,top,bottom;

left top, right top, left bottom, right bottom

用數(shù)字表示角度： 0--360 單位 deg

2.徑向漸變

background: radial-gradient(漸變形狀（可選）、大小 at 位置，顏色一，顏色二)；

漸變形狀：circle(圓形) 、 ellipse（橢圓形—默認(rèn)）

大小：長度（px）\ 百分?jǐn)?shù) （80% 20%）

位置：center\left\right\bottom\top\top left\top right\bottom left\bottom right

向AI問一下細(xì)節(jié)

猜你喜歡