CSS濾鏡（CSS filter）不少前端人員知道，但大多數(shù)的用法十分單一，用得最多的就是黑白應用，其實還有很多高級的應用，對設計師來說也需要知道的，以后對圖片特效處理又多一種設計方案選擇了。

今天主要和大家介紹 CSSgram 這個CSS濾鏡特效庫，作者為其創(chuàng)建出很多美麗的圖像效果，并且這個CSS濾鏡庫是小于1KB，效果的實現(xiàn)方法主要使用 CSS filter 和 CSS Blen Mode（混合模式）來實現(xiàn)。

1. 簡介
CSSgram是一個簡單易用的CSS庫，組合CSS Filter和CSS Blend Modes實現(xiàn)的Instagram風格的圖片濾鏡，通過在圖片上疊加顏色或漸變模擬實現(xiàn)濾鏡，可以節(jié)省大量的圖片處理時間，增加線上“玩弄”圖片的樂趣。

2. 兼容性
本庫主要基于 CSS Filters和 CSS Blend Modes，瀏覽器兼容性也主要依賴于這兩個特性。
Google Chrome: 43+
Mozilla Firefox: 38+
Opera: 32+
Safari: 8+
Internet Explorer: Nope
更多兼容性信息參見Can I Use。

3.使用
有兩種主要的方式使用該庫，使用CSS Classes和使用SASS @extends。

3.1 使用CSS Classes
下載CSSgram庫。
在你的項目中鏈接該庫。

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