2013-01-10 17:59:04| 分類： css3
| 標籤：css3
濾鏡效果
濾鏡filter
webkit
|舉報|字型大小訂閱
-webkit-filter，其存在的作用通常是進行的處理
原圖樣式：
網頁**：
上面表示灰度100%效果圖：
還可以新增的命令有：
-webkit-filter:blur(5px); //模糊，此處為5畫素
-webkit-filter:sepia(0.5);//疊加褐色，取值範圍0-1，此處表示50%的褐色
-webkit-filter:brightness(0.5);//亮度，取值範圍0-1，5倍亮度（數字為0時為正常樣式，為1時表示的是100%亮度，無法看到）
-webkit-filter:hue-rotate(30deg);//色相（按照色相環進行旋轉，順時針方向，紅-橙-黃-黃綠-綠-藍綠-藍-藍紫-紫-紫紅-紅）此處為疊加黃色濾鏡
-webkit-filter:invert(1);//反色，取值範圍0-1,0為原圖，1為徹底反色之後，0.5為灰色
-webkit-filter:saturate(4);//飽和度，取值範圍0~*,0為無飽和度，1為原圖，值越高飽和度越大
-webkit-filter:contrast(2);//對比度，取值範圍0~*,0為無對比度（灰色），1為原圖，值越高對比度越大
-webkit-filter:opacity(0.8);//透明度，取值範圍0~1,0為全透明，1為原圖
-webkit-filter:drop-shadow(17px 17px 20px black);//陰影
CSS3 CSS3外輪廓屬性
外輪廓outline在頁面中呈現的效果和邊框border呈現的效果極其相似，但和元素邊框border完全不同，外輪廓線不占用網頁布局空間，不一定是矩形，外輪廓是屬於一種動態樣式，只有元素獲取到焦點或者被啟用時呈現。outline屬性早在css2中就出現了，主要是用來在元素周圍繪製一條輪廓線，可以起到...
css3 css的3種引入方式
你好！這是你第一次使用css所需要了解的知識點。如果你想學習如何使用css,可以仔細閱讀這篇文章，了解一下css的基本語法知識。css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用，在測試的時候可...
css3新動 CSS3 動畫
注意 1 animation play state 也是 animation 的簡寫屬性，但在 webkit 中不適用 animation myfirst 5s infinite linear paused 即 animation name myfirst animation duration 5s...