最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css如何实现缕空遮罩层 css实现缕空遮罩层代码示例
时间:2022-06-25 14:05:29 编辑:袖梨 来源:一聚教程网
css如何实现缕空遮罩层?本篇文章小编给大家分享一下css实现缕空遮罩层代码示例,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
常规遮罩层
![]()
使用box-shadow实现镂空遮罩引导层效果
优点:
圆角轻松实现;
box-shadow 不会影响元素位置,定位只需要根据 content 的位置写。
缺点:阴影可视区域无法触发click事件,因此,当点击蒙层任意区域,无法隐藏。
相关文章