編者按：今天推薦兩款神器，一個是可以幫我們節(jié)省很多的調試圖像效果時間的CSS 濾鏡，一個是提高設計師工作效率的音樂網站，可以模擬出咖啡館的噪聲，幫你更有效率地工作。

今天和大家分享一款在線 CSS 濾鏡工具，CSS 中有一個Filter 屬性，可以為元素渲染各種像 PS 軟件設計出來的照片特效，比如高斯模糊、透明、色彩反差、黑白、色彩飽和度、亮度等效果處理。

濾鏡屬性雖然強大，但調試相當麻煩，所以當你要用 Filter 屬性美化圖像效果時，建議使用這個推薦的 CSS Filters 在線工具。

CSS Filter（CSS 濾鏡在線編輯器）

STEP 1 上傳照片

上傳一張你要處理的照片，點擊「Upload an Image」按鈕上傳（實際上不是真正上傳，只是使用了 H5技術緩存到瀏覽器里，所以像秒傳一樣，這個體驗很好）

STEP 2 添加特效

上傳后，我們可以從網站預設的照片特效里選取合適的效果，然后通過右側欄的屬性對照片進行微調，直到滿意為止。

點擊右側的「CSS CODE」標簽，這樣就能看到 CSS 了，直接復制即可。

這是一款很不錯的 CSS filter 設置工具，能幫我們節(jié)省很多的調試圖像效果時間，簡單快捷，建議網頁設計師、前端人員收藏起來，以便日后使用！

Coffitivity

國外研究顯示適量噪音（約 70 分貝）能有效提升創(chuàng)意和生產力（注一），而這音量最常出現(xiàn)在咖啡館，如果你想要待在這樣的環(huán)境工作，又不得不被工作綁在辦公室里的話，或許你有更好的解決方法。

感謝 Coffitivity，你再也不用離開家里、偷溜出辦公室，更不用苦于找尋咖啡館里的空位、花錢買杯自己覺得不怎么好喝的咖啡，只要戴上耳機、開啟 Coffitivity，搭配上舒適的背景音樂，泡杯咖啡或花茶，立即讓你有置身于咖啡館的感覺。

Coffitivity 是一個會持續(xù)播放咖啡館環(huán)境聲音的網站，包括客人的交談聲、刀叉碗盤碰撞聲、推開門進來的鈴鐺聲、走路聲等等，別忘了選擇自己喜愛且能搭配上咖啡館的音樂。

請小心，適當?shù)脑胍裟軒椭愎ぷ鳎^大的音量可能會傷害你的耳朵。你可以把 Coffitivity 拿來作為背景音效，但記得聲音要比音樂稍微小一點。

「優(yōu)設酷站22連發(fā)！」

1. 免費圖庫+導航收集站：《酷站兩連發(fā)！高品質免費圖庫站+專注WEB/APP導航收集站》
2. 音樂站+字體搜索：《酷站兩連發(fā)！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發(fā)！漸變色方案全聚合網站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發(fā)！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發(fā)！可商用的矢量LOGO下載+平面最愛的27款免費字體》
6. 壓縮圖片+在線配色：《酷站兩連發(fā)！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動畫+寵物小精靈配色：《酷站兩連發(fā)！寵物小精靈專屬配色網站+CSS HOVER動畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發(fā)！游戲配色網站+免費美女素材特供網站》
9. 在線配色+字體推薦：《酷站兩連發(fā)！在線配色神器+英文字體推薦網站》
10. 追波作品變代碼+16進制顏色：《酷站兩連發(fā)！用代碼呈現(xiàn)DRIBBBLE作品+16進制顏色網站》
11. 無縫紋理+多邊形背景：《酷站兩連發(fā)！專注無縫紋理素材站+多邊形背景生成器》

【優(yōu)設網 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關于優(yōu)設網================
"優(yōu)設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優(yōu)秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com