#滤镜#

共找到 滤镜 相关内容 10 条

优先问答
优先文章

[css] 说说你对css的filter滤镜的理解

[css] css滤镜有什么作用？

神奇的滤镜！巧妙实现内凹的平滑圆角

神奇的滤镜！巧妙实现内凹的平滑圆角

背景某日，群友们在群里抛出这样一个问题，如何使用CSS实现如下的布局：在CSS世界中，如果只是下述这种效果，还是非常容易实现的：一旦涉及到圆角或者波浪效果，难度就会提升很多。实现这种连续平滑的曲线其实是比较麻烦的，当然，也不是完全没有办法。本文，就会带大家看看，使用CSS实现上述内凹平滑圆角效果的一些可能的方式。利用圆的衔接实现第一种方法比较笨。我们可以使用多个圆的衔接实现。首先，我们会实现一个内部挖出一个矩形的矩形：<div></div>复制代码核心CSS代码如下：div{hei
Amazing！！CSS 也能实现极光？

Amazing！！CSS 也能实现极光？

在上次写完这篇文章--巧用渐变实现高级感拉满的背景光动画之后，文章下面的评论有同学留言，使用CSS可以实现极光吗？像是这样：emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用CSS还是可以作出类似的一些特效的，今天我们就一起来尝试下。观察了一些极光的图片之后，我发现了极光动画中一些比较重要的元素：基于深色背景的明亮渐变色彩类似于水波流动的动画效果明亮渐变色彩我们可以尽量使用渐变模拟。而水波流动的动画效果，在SVG滤镜中feturbulence就是专门干这个的，
巧用滤镜实现高级感拉满的文字快闪切换效果

巧用滤镜实现高级感拉满的文字快闪切换效果

今天偶然看到这样一类很有意思的文字快闪动画：这类文字快闪切换效果运用得当的话，能比较好的吸引用户的眼球。当然，今天并非是想用CSS实现上述的的效果。在尝试的过程中，我发现了另外一类能够使用CSS非常轻松实现文字快闪动画，运用了blur()滤镜和contrast()滤镜产生的融合效果，类似于这样：这个技巧也在多篇文章就提及，本文再简述下。blur滤镜混合contrast滤镜产生融合效果本文的重点，模糊滤镜叠加对比度滤镜产生的融合效果。单独将两个滤镜拿出来，它们的作用分别是：filter:blur()：给图像
高阶切图技巧！基于单张图片的任意颜色转换

高阶切图技巧！基于单张图片的任意颜色转换

今天，要介绍一种基于CSSmask-composite的高级技巧。通过掌握它，我们可以通过一张图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张PNG/SVG得到它的反向切图事情的经过是这样的，某天，我们拿到了这样一张PNG/SVG图片：就这张图片而言，它是一张PNG图，灰色部分透明。随着需求的进行，在某一处，我们需要一张基于上述图形的反向镂空图形：emmm，要注意，这里白色处是需要透明的，要能透出不同的背景色，像是这样：怎么办呢，通常而言，只能是找UI再出一张镂空图。当然，在今天，只需
下拉加载更多