CSS3 中的濾鏡（filter）功能讓我們輕松方便簡單的處理圖片，而不需要使用 PhotoShop 或者使用很多 JavaScript、PHP 代碼。這個屬性已經得到比較新的 Firefox、Safari、Chrome 瀏覽器支持，而且我們可以通過綜合的可替代的技術來模擬實現這個效果——甚至是 IE 瀏覽器。

本文中，我們將使用標準測試圖片 Lena Söderberg （譯者注：Lena 這張美女照片，被作為圖片壓縮的標準測試用圖片）作為演示，使用 CSS 將其轉換成黑白圖片。在下面我將講解如何使用 CSS 的這個功能實現調整色調、模糊、亮度、對比度和一些其他的效果。效果圖：

CSS3 的灰階濾鏡

使用 CSS3 來稀釋一個圖片的顏色，再簡單不過了。我們可以把這個 CSS 語句寫成一個類，這樣遇到想要效果的圖片，直接加上個類就可以了。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表