打开主菜单

萌娘百科 β

模板:文字模糊

Template-info.svg 模板文档  [编辑]

借由 CSS3 text-shadow 属性实现的模糊效果。与 {{模糊}}、{{黑雾}} 等模板等价。

(i)兼容性问题 现已知在 macOS 上无法刮开模糊,但是指针悬停模式正常。

参数

除数字参数 1 以外均为可选参数。

  • 数字参数 1:要模糊的文字内容。
  • 数字参数 2:指针悬停在文字上时显示的内容(对移动设备不友好)。默认为 你知道的太多了
  • 参数 sdcolor:模糊文字所使用的颜色。默认为 grey
  • 参数 sdsize:模糊的距离,数值越大越模糊。默认为 10px
  • 参数 css:自定义其他 CSS 样式。
  • 参数 hover:为true时,开启hover模式,鼠标放置于文字之上时可以渐变解除模糊,撤下时恢复模糊。hover模式中sdsize参数无效。
  • 数字参数 time:当hover为true时,设置渐变动画的时长。单位秒,默认为0.75秒。

用法示例

{{文字模糊|犯人就是他↗|假的,哎哟我眼睛业障重啊}}

犯人就是他↗

{{文字模糊|新版刮刮乐|sdcolor=#7BCC83|sdsize=1px}}

新版刮刮乐

  • 现暂无法在模板中直接加入链接。请配合 {{coloredlink}} 使用。(蓝链为 #0645AD,红链为 #BA0000
{{黑雾|{{coloredlink|rgba(0,0,0,0)|萌百娘}}|sdcolor=#0645AD}}

萌百娘

  • 指针悬停模式
{{文字模糊|如果你摘下眼镜后就是这种效果,那么恭喜你:你已经自带5像素的高斯模糊了|hover=true}}

如果你摘下眼镜后就是这种效果,那么恭喜你:你已经自带5像素的高斯模糊了