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 拿来作为背景音效，但记得声音要比音乐稍微小一点。