前言： 各位同学大家好,因为晚上睡不着 就起来给大家写了一个小案例 demo（Flutter 毛玻璃效果案例实现），希望能帮助到各位同学学习，那么废话不多说我们正式开始 准备工作 ： 需要安装flutter的开发环境：大家可以去看看之前的教程： 1 win系统flutter开发环境安装教程: htt ...
分类：
其他好文 时间：
2020-10-09 20:47:37
阅读次数：
26
思路是： 我们不能直接对元素本身进行模糊处理，就对一个伪元素进行处理，然后将其定位到元素的下层，它的背景将会无缝匹配body的背景。margin-20px是用来扩大边距，因为模糊会在边缘减弱。 演示地址：http://www.sdfymj.com/invest/ 代码如下： body,main::b ...
分类：
Web程序 时间：
2020-07-27 14:00:32
阅读次数：
98
在unity中我们可以通过shader来实现各种有意思而且炫酷的一些渲染效果出来。比如流光效果，毛玻璃效果，平静水面，波涛汹涌的海面，甚至是一些炫酷的技能特效等。主要就是因为unity为我们渲染准备了一个shaderlab的结构，我们可以很方便的在这个模块下面进行开发，写上我们自己的CG代码，渲染算 ...
分类：
编程语言 时间：
2020-07-10 11:41:55
阅读次数：
79
实现毛玻璃效果 使用CSS实现毛玻璃效果，使用CSS滤镜filter中的blur属性实现。 实现 首先定义一个填充满整个屏幕的背景。 <style type="text/css"> body{ width: 100vw; height: 100vh; margin: 0; background-im ...
分类：
其他好文 时间：
2020-07-06 12:35:10
阅读次数：
81
import 'dart:ui'; import 'package:flutter/material.dart'; class FrostedClassDemo extends StatelessWidget { @override Widget build(BuildContext context ...
分类：
其他好文 时间：
2020-07-04 13:35:48
阅读次数：
86
/** * 毛玻璃模糊算法 */ public static Bitmap doBlur(Bitmap sentBitmap, int radius, boolean canReuseInBitmap) { Bitmap bitmap; if (canReuseInBitmap) { bitmap ...
分类：
移动开发 时间：
2020-06-23 13:50:48
阅读次数：
84
居中问题 定位: 将元素居中 将元素水平居中 将元素垂直居中 样式: 文字毛玻璃效果 代码 将元素居中: 1.使用绝对定位实现1 { width: 50px; height: 50px; /*设置元素宽高*/ position: absolute; /*修改为绝对定位*/ top: 50%; lef ...
分类：
Web程序 时间：
2020-06-13 12:58:38
阅读次数：
66
1. 代码实现 1 UIBlurEffect *blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]; 2 UIVisualEffectView *effectview = [[UIVisualEffectView alloc] i ...
分类：
移动开发 时间：
2020-04-30 17:21:45
阅读次数：
826
1. css 2.x 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap: break-word; word-break: normal; /*强制英文单词断行*/ word-break:break-all; 两端对齐 text-align:j ...
分类：
Web程序 时间：
2020-04-08 22:49:04
阅读次数：
111
HTML <!-- 背景容器层 --><div class="container"></div><!-- 遮罩层 --> <div class="mask"></div> <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ...
分类：
Web程序 时间：
2020-03-25 01:36:02
阅读次数：
90
