【css】为图片增加面具

最新推荐文章于 2024-08-09 08:29:09 发布

风风草

最新推荐文章于 2024-08-09 08:29:09 发布

阅读量164

点赞数

分类专栏： css3 文章标签： css css3

本文链接：https://blog.csdn.net/u011523953/article/details/118550622

版权

css3 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

本文探讨了CSS mask的面具大小、形状设置（mask-image和-webkit-mask-image）、重复模式（mask-repeat和-webkit-mask-repeat），并揭示了mask与background的相似之处。重点介绍了mask的一系列关键属性，如mask-clip、mask-composite等，帮助开发者掌握前端布局新技巧。

摘要由CSDN通过智能技术生成

        -webkit-mask-size: 100%; //面具大小
        mask-size: 100%; //面具大小
        -webkit-mask-image: url("./xxxx.png"); //面具形状
        mask-image: url("./xxxx.png"); // 面具形状
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;