置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:Mask

来自萌娘百科
跳到导航 跳到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

本模板用来协助实现 CSS mask(蒙版)属性[1],利用 Javascript 为指定的元素依据平台不同赋 mask-image-webkit-mask-image 属性(因为MediaWiki禁止直接使用 url())。

语法

{{mask|target=目标选择器|image=图像名称}}

  • target:想要添加蒙版的元素的选择器。必须是一个CSS选择器[2];注意蒙版可以被添加在多个元素上,所以错误的选择器有可能影响整个页面上的大量元素。
  • image:图片名称,不必附“File:”“文件:”等前缀。注意因安全限制,本模板和其后端脚本均仅接受萌娘共享的图片。

本模板可以被放置在页面上的任何地方,但是模板报错会显示在模板的所在地。

本模板仅添加 mask-image-webkit-mask-image 属性。其他适用的 mask 参数必须自行在对应元素添加。

参见

  • {{蒙版图片}}:包装好的简易蒙版,可以直接当作图片使用。


参考资料