8个很棒的CSS筛选器库& 工具类

的CSS过滤器是针对Web开发人员的功能强大且易于使用的视觉效果工具。过滤器可以操纵任何HTML元素的外观,并且可以堆叠在一起以使用一行CSS创建独特的效果。它们与Photoshop中的效果相似,但有一个主要区别,就是原始图像保持不变。所以这是一些很酷的CSS过滤器库&工具,可让您处理任何类型的图像颜色,外观和感觉。

滤色片

这些彩色滤镜使用CSS混合模式,并受到Spotify 2015年新广告的大力启发。该技术称为“DuoTone”,今天,借助CSS的强大功能,我们可以使用一些blend-modes属性,以获得一些很酷的视觉效果。

滤色片

中国船级社

由CSS制成的摄影滤镜,灵感来自VSCO和CSSgram。

中国船级社

的CSSgram

简而言之,CSSgram是一个库,可直接在CSS中使用类似Instagram的过滤器来编辑图像。我们在这里所做的是在图像上添加滤镜,并通过各种混合技术应用颜色和/或渐变叠加来模仿这些效果。这意味着更少的手动图像处理和更多有趣的滤镜效果!

的CSSgram

菲尔特

菲尔特是一个jQuery插件,可让您使用HTML属性控制CSS过滤器。

菲尔特

筛选器

真正易于使用的图像滤镜,图案和色彩混合。旨在帮助使网站上的完整图像背景更好。

筛选器

的CSSfilters

用于生成自定义CSS和Instagram(如照片滤镜)的视觉游乐场。试用您自己上传的照片,或从Unsplash收藏集中选择一张。

的CSSfilters

FilterBlend

FilterBlend是新的CSS background-blend-mode和filter属性的游乐场。加载图像并将混合与滤镜结合起来,以实现一些真正独特的效果!

FilterBlend

悬停CSS3图像过滤器

展示可以使用图像过滤器和伪类选择器完成的操作。

悬停CSS3图像过滤器

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.