css3基本屬性gradient----漸變
現代瀏覽器的核心，主流內容主要有mozilla（熟悉的有firefox，flock等瀏覽器）、webkit（熟悉的有safari、chrome等瀏覽器）、opera（opera瀏覽器）、trident（討厭的ie瀏覽器）。
根據不同的核心，一些私有屬性的css字首不一樣
mozilla核心 css字首-moz;
webkit核心 css字首-webkit ;
opera 核心 css字首 -o ;
trident核心 css字首 -ms ;
css3 gradient分為linear-gradient(線性漸變)和radial-gradient(徑向漸變)。漸變一般是用來設定背景的-- background屬性。
線性漸變: 是指從左到右、從右到左漸變或者從上到下、從下到上漸變。
徑向漸變: 是指以某點為圓心根據指定的直徑數實現的漸變。
linear-gradient(a,b,c) 線性漸變的引數 a :角度或者left、top, 即給定乙個漸變的角度； 左表示從左到右漸變；上表示從上到下漸變
b: 起始處的漸變顏色； c: 終止處的漸變顏色
線性漸變在webkit下的應用：
在mozilla和在opera下只需要換個字首就可以
在trident下需要通過濾鏡filter才能實現。
filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#1471da, endcolorstr=#1c85fb);/*ie<9>*/startcolorstr表示起點的顏色，endcolorstr表示終點顏色。gradienttype表示漸變型別，0為預設值，表示垂直漸變，1表示水平漸變。-ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#1471da, endcolorstr=#1c85fb)";/*ie8+*/
在mozilla，opera，webkit中方向也可以設定為左上到右下的漸變。
也可以設定漸變的顏色多樣化：
以及漸變的顏色的寬度
角度：如果不指定乙個角度，它會根據起始位置自動定義。如果你想更多的控制漸變的方向，這時就可以設定角度。
當指定的角度，請記住，它是乙個由水平線與漸變線產生的的角度，逆時針方向。因此，使用0deg將產生乙個左到右橫向梯度，而90度將建立乙個從底部到頂部的垂直漸變
角度以逆時針方向轉動
漸變上應用透明─透明度(transparency)：
css3的徑向漸變:
徑向漸變到目前還不支援opera的核心瀏覽器
radial-gradient : radial-gradient([方向或角度,]? [形狀或大小,]? 顏色1, 顏色2[, 顏色3]*);
在徑向漸變中雖然具有相同的起止色，但是在沒有設定位置時，其預設顏色為均勻間隔，這一點和我們前面的線性漸變是一樣的，但是設定了漸變位置就會按照漸變位置去漸變
注意：當你的div為正方形大小時，就算設定漸變形狀為ellipse，它的漸變形狀也只能按照circle來進行漸變。不能繼續橢圓形漸變。
size:用來指定起始點(center)到圓|橢圓的近邊的距離設定的，或從起始點到圓|橢圓遠角的的距離決定的。
CSS3學習筆記（三） 顏色
1 alpha透明度引數 body2 漸變色彩 gradient 線性漸變 linear 向下 向上 向左 向右 對角方向 徑向漸變 radial 由它們的中心定義 線性漸變 預設從上到下 語法 至少定義兩種顏色結點 background linear gradient direction,colo...
css3學習筆記
1.為什麼分許多模組進行管理？為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一，class屬性本身沒有語義，褚翠是用來為css樣式服務的，屬於多餘屬性。第二，使用屬性的話，並沒有把樣式與元素繫結起來，針對同乙個class屬性文字框，下拉框，按鈕都可使用。這樣很...
CSS3學習筆記
一.選擇符 二.屬性 溢位隱藏 div4 p文字陰影 text shadow 2px 1px rgba 255,255,255,1 圓角效果 border radius邊框陰影 box shadow 2px 2px 5px 5px inset 內陰影透明度 div for ie8 and earli...