需求
有很多网页在做引导时,遮罩层做成了缕空效果,最近我也遇到一个这样的需求,如图:
实现
常见方法
最容易想到的方法是切图,这个不用解释了。
在网上找到的大部分做法都是用边框,那么我们来看一下边框怎么实现这个效果。
<div class="mask">div>.mask {position: absolute;top: -1647px; // 由于边框宽度太大right: -1756px;filter: blur(15px);border-radius:
有很多网页在做引导时,遮罩层做成了缕空效果,最近我也遇到一个这样的需求,如图:
最容易想到的方法是切图,这个不用解释了。
在网上找到的大部分做法都是用边框,那么我们来看一下边框怎么实现这个效果。
<div class="mask">div>.mask {position: absolute;top: -1647px; // 由于边框宽度太大right: -1756px;filter: blur(15px);border-radius:
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!