怎么使用CSS实现中间镂空的图片遮罩效果

CSS3 版

用 box-shadow ，代码如下：

CSS Code复制内容到剪贴板

1. position: fixed;   

2. left: 150px;   

3. top: 35px;   

4. width: 100px;   

5. height: 100px;   

6. border-radius: 100px;   

7. box-shadow: rgba(0,0,0,.8) 0px 0px 0px 2005px;   

8. z-index: 100;  

缺点是只能镂空一个洞。

感谢各位的阅读，以上就是“怎么使用CSS实现中间镂空的图片遮罩效果”的内容了，经过本文的学习后，相信大家对怎么使用CSS实现中间镂空的图片遮罩效果这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！