css 对图片颜色的处理

–>

  很久很久以前,在一个项目中,经理要求对一个图片做模糊处理。第一反应是这个要找 ui 给个模糊图片。可当时 ui 不在呀,项目又着急,只能自己搞。我一个前端,ps 技术实在不咋的,叫我切切图还可以,叫我做个模糊,还要什么高斯模糊的。虽然最后做出来了,但感觉总是不太好。

  后来,不记得在哪看到用 css 也可以对图片做这样的处理,就做了些研究。

  原图:

      css 对图片颜色的处理

  模糊:

      css 对图片颜色的处理

  灰度:

      css 对图片颜色的处理

  反色:

      css 对图片颜色的处理

  亮度:

      css 对图片颜色的处理

  褐色:

      css 对图片颜色的处理

  饱和度:

      css 对图片颜色的处理

  色相旋转:

      css 对图片颜色的处理 css 对图片颜色的处理

  对比度:

      css 对图片颜色的处理

  这些只是其中的一点效果,这里就不全部展示了 。

  这里是我写的比较全的效果:https://18219304774.github.io/imgcolor/

  这里是原码的 github 地址 :https://github.com/18219304774/imgcolor

  感兴趣的可以看看。

原文链接:https://www.cnblogs.com/fenghen/p/8406219.html
本文来源 互联网收集,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源,如您发现有涉嫌抄袭侵权的内容,请联系本站核实处理。

© 版权声明

相关文章