的CSS过滤器是针对Web开发人员的功能强大且易于使用的视觉效果工具。过滤器可以操纵任何HTML元素的外观,并且可以堆叠在一起以使用一行CSS创建独特的效果。它们与Photoshop中的效果相似,但有一个主要区别,就是原始图像保持不变。所以这是一些很酷的CSS过滤器库&工具,可让您处理任何类型的图像颜色,外观和感觉。
滤色片
这些彩色滤镜使用CSS混合模式,并受到Spotify 2015年新广告的大力启发。该技术称为“DuoTone”,今天,借助CSS的强大功能,我们可以使用一些blend-modes属性,以获得一些很酷的视觉效果。
中国船级社
由CSS制成的摄影滤镜,灵感来自VSCO和CSSgram。
的CSSgram
简而言之,CSSgram是一个库,可直接在CSS中使用类似Instagram的过滤器来编辑图像。我们在这里所做的是在图像上添加滤镜,并通过各种混合技术应用颜色和/或渐变叠加来模仿这些效果。这意味着更少的手动图像处理和更多有趣的滤镜效果!
菲尔特
菲尔特是一个jQuery插件,可让您使用HTML属性控制CSS过滤器。
筛选器
真正易于使用的图像滤镜,图案和色彩混合。旨在帮助使网站上的完整图像背景更好。
的CSSfilters
用于生成自定义CSS和Instagram(如照片滤镜)的视觉游乐场。试用您自己上传的照片,或从Unsplash收藏集中选择一张。
FilterBlend
FilterBlend是新的CSS background-blend-mode和filter属性的游乐场。加载图像并将混合与滤镜结合起来,以实现一些真正独特的效果!
悬停CSS3图像过滤器
展示可以使用图像过滤器和伪类选择器完成的操作。