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

作者：袖梨 2022-06-25

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

常规遮罩层 




    
    
	




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




	优点：




	圆角轻松实现；




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




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






    
    


    
    
        

            
相关文章

精彩推荐