使用filter属性来设置模糊值 效果： css样式： HTML结构： ...
分类：
Web程序 时间：
2018-10-22 16:37:58
阅读次数：
160
使用属性： 普通背景模糊 为了美观不能使背景前的文字模糊，而filter属性会使这整个div的后代并且还会出现白边。也就是说无法达到这个效果。怎么办呢？我们可以使用伪元素，这样我们也顺便解决了白边的问题。 实现思路： 在父容器中设置背景，并且使用相对定位，方便伪元素重叠。而在:after中只需要继承 ...
分类：
Web程序 时间：
2018-09-29 17:40:26
阅读次数：
369
我们先来看看京东的效果 分析 上端导航栏可以放置多个分类，可滑动 点击导航栏最右端按钮可以查看所有分类，同时背景模糊 内容部分右拉跳转到另外的分类 点击分类时导航栏的滑动部分自动滑动到合适的位置 我的实现 代码展示： js /** * categoryView.js - 分类页面 */ var fa ...
分类：
微信 时间：
2017-09-01 23:08:33
阅读次数：
444
商家图片背景模糊 将一个新的层（宽高和内容一致） class = .background，绝对定位到头部 0 0 位置。z-index设置-1，让图片置于底部 将.background 添加 filter:blur(10px);使其内部img标签中的图片模糊 将头部信息层的背景设置为 rgba(7, ...
分类：
其他好文 时间：
2017-06-27 10:00:42
阅读次数：
369
转载地址：http://blog.csdn.net/ohehehou/article/details/51975539 需求：一个div设置了background: url，现在需要使图片背景模糊，div内的文字清晰显示。 原始代码： <!DOCTYPE html> <html lang="en"> ...
分类：
Web程序 时间：
2017-05-11 20:28:36
阅读次数：
2888
需要实现的效果 视觉设计师都是参照IOS的效果设计的,毕竟人家的效果是业内标杆;而Android要完全实现这种高斯模糊(也叫毛玻璃)效果,资源消耗巨大不说,效果也不是很理想. 效果分析 随着侧边栏划出,模糊的宽度也逐渐增加,直到侧边栏完全展开 模糊图片根据底层背景模糊的,根据底层背景图片动态改变 黑 ...
分类：
其他好文 时间：
2017-05-08 12:24:32
阅读次数：
233
1 2 3 4 5 6 47 48 49 50 51 52 Hello,world 53 54 55 56 ...
分类：
其他好文 时间：
2017-05-04 00:08:59
阅读次数：
194
昨天在家看电视时，退出的时候发现了一个弹窗效果，整个背景模糊，觉得这样的效果好炫，要比纯色加透明度高大上好多，连续试了几个界面，最终确定效果由css实现的，于是今天一大早来到公司便赶紧搜索了一下，虽然兼容性奇差，但是一个css属性就可以搞定。瞬间感觉自己知道的真是太少了~~ 首先回忆一下弹窗的实现， ...
分类：
其他好文 时间：
2016-11-08 13:27:12
阅读次数：
251
在 iOS 7 出來一個背景模糊的效果， Apple 官方的 sample code 則有提供怎麼使用 vImage, Quartz 來實作這個效果。接著在 iOS 8 出來之後，則提供了 UIVisualEffectView 可以疊加在繼承 UIView 的 class 的 objects ，除了 ...
分类：
移动开发 时间：
2016-08-03 18:37:45
阅读次数：
171
filter:url(blur.svg#blur);/*FireFox,Chrome,Opera*/
-webkit-filter:blur(10px);/*Chrome,Opera*/
-moz-filter:blur(10px);
-ms-filter:blur(10px);
filter:blur(10px);
filter:pro
gid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=false);/*IE6~IE9*/
.b..
分类：
其他好文 时间：
2016-06-27 12:24:22
阅读次数：
130
