详解CSS Masking模块之Clipping

最近业务中需要实现一些镂空的效果。看到这些效果我最初想到的是通过CSS的 mask 和 clip-path 来实现,甚至还想结合SVG相关的特性。为了验证自己的一些想法,开始着手撸码,但问题来了,在撸码的过程中,我发现自己对于 mask 的相关特性理解的还不够透彻。因此重新阅读 CSS Masking Module Level 1规范 中的文档和相关教程。才发现原来CSS Masking是如此的强大。下面是我自己对CSS Masking模块的一些理解,希望对大家学习和了解该功能模块有所帮助。 简介 我对CSS Masking模块的最初认知: CSS Masking就是CSS的 mask 属性