一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

css如何实现缕空遮罩层 css实现缕空遮罩层代码示例

时间:2020-06-05 编辑:袖梨 来源:一聚教程网

css如何实现缕空遮罩层?本篇文章小编给大家分享一下css实现缕空遮罩层代码示例,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

常规遮罩层




    
    
	

使用box-shadow实现镂空遮罩引导层效果

优点:

圆角轻松实现;

box-shadow 不会影响元素位置,定位只需要根据 content 的位置写。

缺点:阴影可视区域无法触发click事件,因此,当点击蒙层任意区域,无法隐藏。




    
    


    
    
                    
                

热门栏目