怎么让微信头像做模糊背景

实现原理：主要就是要应用好background:inherit这个属性，背景的继承。这里不能用transform这个属性，不然背景会偏移，导致达不到清晰的效果。

inherit，使用继承

<body> <div class="father"> <div class="son">Background</div> </div> </body>
<style>.father {width: 800px;height: 800px;position: relative;background: url("../img/7.jpg") no-repeat fixed;padding: 1px;box-sizing: border-box;}.father:after {content: "";width: 100%;height: 100%;position: absolute;background: inherit;filter: blur(3px);z-index: 1;}.son {position: absolute;left: 40%;top: 30%;width: 200px;height: 200px;text-align: center;background: inherit;z-index: 15;box-shadow: 0 0 10px 6px rgba(0, 0, 0, .5);}</style>

怎么让微信头像做模糊背景相关推荐

uniapp小程序painter绘制海报微信头像空白；背景图模糊问题
一.头像空白问题网络图片真机显示空白请检查微信公众平台服务器域名里面的安全域名有没有添加微信头像显示空白请添加 https://thirdwx.qlogo.cn; 添加域名后重新启动项目就可 ...
Android实现用户圆形头像和模糊背景设计
1.效果展示 2.在build.gradle(Module)中的dependencies里面加入下面依赖注意:glide依赖的版本 //图片加载框架 implementation 'jp.wasab ...
Python项目：用所有朋友微信头像做云图图
来自:https://mp.weixin.qq.com/s/mW7PTofuCOQrW5e34Ei2Pw #2018-01-28 19:57:38 January Sunday the 04 week ...
怎么将自己的头像p到特定的背景图_【后期修图】photoshop手把手教你制作属于自己的酷炫的微信头像...
原标题:[后期修图]photoshop手把手教你制作属于自己的酷炫的微信头像效果图先放上 1.新建一个白色的背景,这里是1080*720的.然后在图层面板下面单击创建新的调整图层/渐变,设置好渐 ...
用python做头像_你还在@微信官方？我来教你用Python生成你想要的微信头像
今天早上 @微信官方突然火了, 一句"请给我一面国旗@微信官方" 刷遍朋友圈. 到底是什么呢? 我们先来看看朋友圈请输入图片描述微信官方哪有那么多时间给我换头像. 当然, ...
h5 微信头像图片获取模糊问题
问题场景: 用canvas画图的时候,获取到微信头像总是特别模糊从后台获取到的微信头像URL类似这样 http://thirdwx.qlogo.cn/mmopen/xxxxxxxx/132 问题就在 ...
html怎么做模糊条纹,CSS秘密花园：条纹背景
<CSS Secrets>是@Lea Verou最新著作,这本书讲解了有关于CSS中一些小秘密.是一本CSSer值得一读的一本书,经过一段时间的阅读,我.@南北和@彦子一起将在W3cplu ...
iOS 实现点击微信头像效果
来源:伯乐在线 - 小良如有好文章投稿,请点击 → 这里了解详情如需转载,发送「转载」二字查看说明公司产品需要实现点击个人主页头像可以放大头像.缩放头像.保存头像效果(和点击微信个人头像类似), ...
python代码图片头像_Python帮你微信头像任意添加装饰别再@微信官方了
@微信官方昨天朋友圈刷爆了@微信官方的梗,从起初的为头像添加国旗,到最后的各种Book思议的需求-而我呢?@了辣么辣么多的奥特曼,结果还是加班到12点多-最后想想,人还是得靠自己吧,@我自己吧- 昨 ...

怎么让微信头像做模糊背景

怎么让微信头像做模糊背景相关推荐

最新文章

热门文章