filter(濾鏡)屬性，是CSS3中非常有意思的一個屬性，可惜IE不支持（當然IE有它專屬的濾鏡方式）。無所謂，反正IE已經日薄西山。當然，強迫症的同學還是可以在網上找到與CSS3 filter對應的IE濾鏡方式， 1、模糊濾鏡 blur(Npx) 給圖像設置高斯模糊。值越大越模糊，默認 ...

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

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

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

-webkit-mask： 蒙版，用於將固定形狀設置透明度，形狀可以是一個div，也可以是一張圖片； 用法：-webkit-mask: radial-gradient(transparent 50px, rgb(0,0,0) 51px); ...

內容參見：http://css-infos.net/properties/webkit 具體的定義網頁里有詳細說明。做有一些html5的應用的時候如果不能很好的適應手機，可以到這上面去找找方法 ...

1.兼容性： 2.應用場景：新增頁面上傳svg圖標后，更改圖標顏色后，在列表頁面展示色值改后的svg圖標。 3.解決方案：使用filter屬性中的 drop-shadow，drop-shadow濾鏡可以給元素或圖片非透明區域添加投影。 css: html ...

img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);} Filter 函數 注意: 濾鏡通常使用百分比 (如：75%), 當然也可以使用小數來表示 ...