酷站两连发!CSS 滤镜工具+提高效率的音乐网站 - 优设网 - UISDC

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

2016/09/21 评论区

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/css-filters-coffitivity-music

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里