CSS代码: .blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-f ...
分类:
Web程序 时间:
2018-02-07 19:52:51
阅读次数:
371
文档:https://docs.microsoft.com/en-us/windows/uwp/design/style/acrylic Acrylic 能带来类似 win7 的毛玻璃效果 要使用 Acrylic ,需要 win10 的版本最低为 1709 ,在模拟器中是 16299 Acrylic ...
分类:
其他好文 时间:
2018-02-01 00:12:39
阅读次数:
219
<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="description" content="兼容性的局部模糊毛玻璃效果效果-百度图片首页示意 » 张鑫旭-鑫空间-鑫生活" /><meta name="descrip ...
分类:
其他好文 时间:
2017-11-18 15:59:35
阅读次数:
230
#left:before{ position: relative; z-index: -1; filter: blur(20px); background-color: #FFFFFF; } #left{ /*border: 1px solid red;*/ position: relative; ...
分类:
Web程序 时间:
2017-10-26 16:14:15
阅读次数:
232
导航条对于每一个Web前端攻城狮来说并不陌生,但是毛玻璃可能会相对陌生一些。简单的说,毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题:通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把 ...
分类:
Web程序 时间:
2017-09-13 10:48:26
阅读次数:
261
[1]普通遮罩 [2]阴影遮罩 [3]模糊遮罩 [4]半透明颜色 [5]模糊处理 [6]背景复制 ...
分类:
Web程序 时间:
2017-09-13 00:21:11
阅读次数:
486
//设置毛玻璃效果 +(void)blurEffrct:(UIView *)view{ UIBlurEffect* effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]; UIVisualEffectView* effectVi... ...
分类:
移动开发 时间:
2017-08-26 18:40:49
阅读次数:
194
最近回看撸撸的代码,有一些自定义的view写法很不错,下面封装出来,希望能帮到大家:1.毛玻璃效果:BitmapUtilspackagecom.example.p030_popbgqcode.utils;
importandroid.content.Context;
importandroid.graphics.Bitmap;
importandroid.renderscript.Allocation;
importan..
分类:
移动开发 时间:
2017-08-09 16:57:13
阅读次数:
246
//加入一个图片 UIImageView *imageview = [[UIImageView alloc]init]; imageview.frame = CGRectMake(10, 100, 300, 300); imageview.contentMode = UIViewContentMod ...
分类:
其他好文 时间:
2017-08-05 17:54:52
阅读次数:
116
CSS技巧收集——毛玻璃效果 原文地址 http://www.cnblogs.com/ghost-xyx/p/5677168.html 先上 demo 和 源码 其实毛玻璃的模糊效果技术上比较简单,只是用到了 css 滤镜(filter)中的 blur 属性。但是要做一个好的毛玻璃效果,需要注意很多 ...
分类:
Web程序 时间:
2017-07-13 20:30:37
阅读次数:
334