酷站两连发！CSS 滤镜工具+提高效率的音乐网站

编者按：今天推荐两款神器，一个是可以帮我们节省很多的调试图像效果时间的CSS 滤镜，一个是提高设计师工作效率的音乐网站，可以模拟出咖啡馆的噪声，帮你更有效率地工作。

今天和大家分享一款在线 CSS 滤镜工具，CSS 中有一个Filter 属性，可以为元素渲染各种像 PS 软件设计出来的照片特效，比如高斯模糊、透明、色彩反差、黑白、色彩饱和度、亮度等效果处理。

滤镜属性虽然强大，但调试相当麻烦，所以当你要用 Filter 属性美化图像效果时，建议使用这个推荐的 CSS Filters 在线工具。

CSS Filter（CSS 滤镜在线编辑器）

STEP 1 上传照片

上传一张你要处理的照片，点击「Upload an Image」按钮上传（实际上不是真正上传，只是使用了 H5技术缓存到浏览器里，所以像秒传一样，这个体验很好）

STEP 2 添加特效

上传后，我们可以从网站预设的照片特效里选取合适的效果，然后通过右侧栏的属性对照片进行微调，直到满意为止。

点击右侧的「CSS CODE」标签，这样就能看到 CSS 了，直接复制即可。

这是一款很不错的 CSS filter 设置工具，能帮我们节省很多的调试图像效果时间，简单快捷，建议网页设计师、前端人员收藏起来，以便日后使用！

Coffitivity

国外研究显示适量噪音（约 70 分贝）能有效提升创意和生产力（注一），而这音量最常出现在咖啡馆，如果你想要待在这样的环境工作，又不得不被工作绑在办公室里的话，或许你有更好的解决方法。

感谢 Coffitivity，你再也不用离开家里、偷溜出办公室，更不用苦于找寻咖啡馆里的空位、花钱买杯自己觉得不怎么好喝的咖啡，只要戴上耳机、开启 Coffitivity，搭配上舒适的背景音乐，泡杯咖啡或花茶，立即让你有置身于咖啡馆的感觉。

Coffitivity 是一个会持续播放咖啡馆环境声音的网站，包括客人的交谈声、刀叉碗盘碰撞声、推开门进来的铃铛声、走路声等等，别忘了选择自己喜爱且能搭配上咖啡馆的音乐。

请小心，适当的噪音能帮助你工作，过大的音量可能会伤害你的耳朵。你可以把 Coffitivity 拿来作为背景音效，但记得声音要比音乐稍微小一点。

「优设酷站22连发！」

1. 免费图库+导航收集站：《酷站两连发！高品质免费图库站+专注WEB/APP导航收集站》
2. 音乐站+字体搜索：《酷站两连发！帮你专心工作的音乐站+谷歌字体在线搜索神器》
3. 渐变色+代码比较：《酷站两连发！渐变色方案全聚合网站+在线代码比较神器》
4. 配色+占位图：《酷站两连发！在线色彩搭配工具+快速生成占位图片器》
5. LOGO下载+字体下载：《酷站两连发！可商用的矢量LOGO下载+平面最爱的27款免费字体》
6. 压缩图片+在线配色：《酷站两连发！在线图片压缩神器+在线配色工具COLOURCO》
7. CSS Hover动画+宠物小精灵配色：《酷站两连发！宠物小精灵专属配色网站+CSS HOVER动画收集站》
8. 美女图片+游戏配色：《酷站两连发！游戏配色网站+免费美女素材特供网站》
9. 在线配色+字体推荐：《酷站两连发！在线配色神器+英文字体推荐网站》
10. 追波作品变代码+16进制颜色：《酷站两连发！用代码呈现DRIBBBLE作品+16进制颜色网站》
11. 无缝纹理+多边形背景：《酷站两连发！专注无缝纹理素材站+多边形背景生成器》

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量150万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com