backdrop filter 和 filter backdrop filter 可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。 因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。 blur()使得出现毛玻璃效果，只会模糊背景， filter blur()使 ...
分类：
其他好文 时间：
2020-02-22 00:25:29
阅读次数：
52
原文:【CSS】CSS特效集锦，视觉魔法的碰撞与融合（一）目录前言一.浮光掠影二.发光球体三.圆环进度条四.三角形五.有色到透明的渐变六.模糊效果和毛玻璃效果七.斜角标签技术总结知乎主页和专栏 正文 回到顶部前言 在本文中我讲述了7种CSS的特效，它们也许看起来并不惊艳，但是我认为却足够传达本文的理... ...
分类：
Web程序 时间：
2020-02-03 15:33:42
阅读次数：
122
毛玻璃其实就是磨砂玻璃，图像经过毛玻璃模糊效果后能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去很有层次感。我们知道了图像马赛克效果是通过设置一个指定大小的像素块并将其中的所有像素点设置成统一值实现的。与图像的马赛克效果类似，图像的毛玻璃模糊效果也是通过修改像素点的颜色值来实现的，只不过是 ...
分类：
编程语言 时间：
2020-01-21 20:04:34
阅读次数：
148
玻璃窗今天我们要实现的是雨滴效果，不过实现雨滴前，我们先把毛玻璃的效果弄出来，没有玻璃窗，雨都进屋了，还有啥好敲打的。<divclass=‘window‘></div>.window{position:absolute;width:100vw;height:100vh;background:url("https://cn.bing.com//th?id=OHR.Parrot
分类：
Web程序 时间：
2020-01-16 10:21:45
阅读次数：
161
代码： import 'package:flutter/material.dart'; import 'dart:ui';//过滤器组件 class MaoBaoLi extends StatelessWidget { const MaoBaoLi({Key key}) : super(key: k ...
分类：
其他好文 时间：
2020-01-11 18:42:22
阅读次数：
107
css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片处理的效果，例如背景的毛玻璃效果、老照片（黑白照片）、火焰效果等。一、blur(px)高斯模糊二、brightness(%)亮度三、contrast(%)对比度四、drop-shadow()阴影注意：这个drop-shadow与box-shadow都是在说阴影，但还是有区别的，看下图图中火焰的图片，是一张png图片，除
分类：
Web程序 时间：
2019-11-06 10:35:48
阅读次数：
123
1 我出来啦。敦煌张开嘴想大喊一声，一个旋风在他面前升起来，细密的沙尘冲进他的鼻子、眼睛和嘴，只好先打喷嚏，然后揉眼睛。小铁门在他身后咣关上了。他把嘴里的沙土吐出来，旋风已经跑远了。他歪着脑袋看天，迷迷蒙蒙一片黄尘，太阳在尘土后面，温润平和，只是有点糙，像一块打磨过的毛玻璃。阳光一点都不刺眼，敦煌还 ...
分类：
其他好文 时间：
2019-08-14 14:42:47
阅读次数：
119
会声会影毛玻璃效果制作 1）毛玻璃效果其实主要运用的是平均滤镜，因为平均滤镜主导的是模糊效果，通过方格大小控制模糊程度。所以背景素材都需要加上平均滤镜，方格大小设置在10-20之间都可以。 双击平均效果，点击自定义滤镜 在弹出有的平均窗口中设置模糊的程度 ...
分类：
其他好文 时间：
2019-06-11 22:28:15
阅读次数：
221
我们用的第一个滤镜是sepia（），他会给图片增加一整降饱和度的橙色染色效果 原图 添加sepia滤镜的效果 给色度添加饱和度可以用saturate（） ...
分类：
Web程序 时间：
2019-04-02 18:36:56
阅读次数：
185
定位: 将元素居中 将元素水平居中 将元素垂直居中 样式: 文字毛玻璃效果 -------------------------------------------代码------------------------------------------------------ 将元素居中: ... ...
分类：
Web程序 时间：
2019-03-31 20:48:23
阅读次数：
174
