一、什么是filter CSS濾鏡屬性，可以在元素呈現之前，為元素的渲染提供一些效果，如模糊、顏色轉移之類的。濾鏡常用於調整圖像、背景、邊框的渲染。目前Filter Effects Module還只是W3C的一個草案，瀏覽器還不完全支持，在使用時需要加瀏覽器前綴。 二、filter語法 ...

css3中的filter屬性可以說是簡單易用且強大，這些效果作用在圖片上實現一些特效（也可以作用在vidio上，此處只討論圖片特效）。 瀏覽器兼容性 　　目前各大瀏覽器對於css3的兼容已經非常好了，最新版本都可以支持css3，老版本的ie9以下的還是不支持，不過這不是重點，微軟都准備放棄 ...

CSS 中的顏色有三種定義方式：使用顏色方法（RGB、RGBA、HSL、HSLA），十六進制顏色值和預定義的顏色名稱。 RGBA 是代表Red（紅色） Green（綠色） Blue（藍色）和 Alpha（不透明度）三個單詞的縮寫。RGBA 顏色值是 RGB 顏色值的擴展，帶有一個 ...

rem這是個低調的css單位，近一兩年開始嶄露頭角，有許多同學對rem的評價不一，有的在嘗試使用，有的在使用過程中遇到坑就棄用了。但是我對rem綜合評價是用來做web app它絕對是最合適的人選之一。 rem是什么？ rem（font size of the root element ...

很早之前，計數器僅存在於ul，ol等元素中，如何想給其他元素增加計數，就只能通過list-style-image，或者background-image來實現。不過現在css3增加了counter屬性，可以實現任何元素的計數作用。不過這個counter屬性還需要配合其他css屬性一起才能有 ...

： 結果： 這個時候out被撐破了怎么辦呢，padding百分比不好計算啊。。。css3的ca ...

　博主最近在做網站的過程中發現了一個非常強大的CSS3屬性，就是filter(濾鏡)屬性，喜歡p圖的朋友看名字都應該知道這是什么神器了吧。當然，這個屬性的效果肯定不能跟ps相比，但是利用的好的話可以在節約很多空間下，把一張圖做成兩張圖的效果 ...

　　-webkit-filter是css3的一個屬性，Webkit率先支持了這幾個功能，感覺效果很不錯。下面咱們就學習一下filter這個屬性吧。 現在規范中支持的效果有： grayscale 灰度 值為0-1之間的小數 sepia 褐色 ...