css-filters-coffitivity-music-1

编者按:今天推荐两款神器,一个是可以帮我们节省很多的调试图像效果时间的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,搭配上舒适的背景音乐,泡杯咖啡或花茶,立即让你有置身于咖啡馆的感觉。

Coffitivity2013-05-09_1516

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. 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

yestone-uisdc-2

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

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

点赞
收藏

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏