CSS3---濾鏡

概念

CSS3濾鏡（CSS3 Filters）是CSS3的新增的一個魔法屬性，能夠對網頁元素添加神奇圖像處理效果，相似Photoshop裏面的濾鏡。

濾鏡能夠實現圖像、背景、邊框的模糊、顏色調整，語法與IE的filter大相徑庭

設置元素的濾鏡效果

語法

filter-element { filter: none | <filter-function-list>}

<filter-function-list> = [ <filter-function> | <url> ]+

<filter-function> = <blur()> | <brightness()> | <contrast()> | <drop-shadow()>| <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>

屬性詳解

下載demo