提交修改前请务必备份您的编辑内容。如有站点问题反馈,请发送邮件至account@pigeon-games.com
模板:抖动
模板:抖动 让指定文字产生抖动效果。它提供 6 种抖动模式,支持逐字或整段两种方式,并可将多种模式叠加,默认为行内元素。
本模板会降低文本的可读性,请谨慎使用本模板。
快速使用
基础使用方法
{{抖动|内容=林泊百科}}
林泊百科
使用任何模式参数时,默认使用 颤抖 · 幅度 0.09em · 角度 6° · 整段。
基础模式参数使用
指定抖动模式:
{{抖动|内容=林泊百科|模式=旋转}}
林泊百科
指定抖动对待多文本时的处理模式:
{{抖动|内容=林泊百科|逐字=是}}
林泊百科
参数总览
以下为模板的全部参数及其程序内置默认值。模式专属参数只在对应模式被启用时生效。
| 参数 | 作用模式 | 默认值 | 说明 |
|---|---|---|---|
| 全局参数 | |||
内容 |
全局 | 空(必填) | 要抖动的文字;也可作为第 1 个匿名参数传入 |
模式 |
全局 | 颤抖 | 选择抖动模式:平移/旋转/跳动/摇摆/颤抖/缩放;多个用 + 连接叠加
|
逐字 |
全局 | 否 | 设为 是 时逐字独立错位抖动
|
速度 |
全局 | 各模式自带周期 (平移 0.5s / 旋转 0.6s / 跳动 0.7s / 摇摆 0.8s / 颤抖 0.18s / 缩放 0.8s) |
所有模式的动画周期(秒),越小越快;可被模式专属速度覆盖 |
延迟 |
全局 | 0 | 动画开始前的延迟(秒);可被模式专属延迟覆盖 |
| 平移(单位:em) | |||
平移幅度 |
平移 | 0.11 | 水平位移幅度,填写纯数字,单位固定为 em
|
平移速度 |
平移 | 继承全局 速度;否则 0.5s |
平移层动画周期(秒),覆盖全局 速度
|
平移延迟 |
平移 | 继承全局 延迟;否则 0 |
平移层延迟(秒),覆盖全局 延迟
|
| 旋转(单位:deg) | |||
旋转角度 |
旋转 | 9 | 旋转角度,填写纯数字,单位固定为 deg
|
旋转速度 |
旋转 | 继承全局 速度;否则 0.6s |
旋转层动画周期(秒) |
旋转延迟 |
旋转 | 继承全局 延迟;否则 0 |
旋转层延迟(秒) |
| 跳动(单位:em) | |||
跳动高度 |
跳动 | 0.17 | 向上跳动高度,填写纯数字,单位固定为 em
|
跳动速度 |
跳动 | 继承全局 速度;否则 0.7s |
跳动层动画周期(秒) |
跳动延迟 |
跳动 | 继承全局 延迟;否则 0 |
跳动层延迟(秒) |
| 摇摆(单位:deg) | |||
摇摆角度 |
摇摆 | 9 | 摇摆角度,填写纯数字,单位固定为 deg
|
摇摆速度 |
摇摆 | 继承全局 速度;否则 0.8s |
摇摆层动画周期(秒) |
摇摆延迟 |
摇摆 | 继承全局 延迟;否则 0 |
摇摆层延迟(秒) |
| 颤抖(位移单位:em;角度单位:deg) | |||
颤抖幅度 |
颤抖 | 0.09 | 颤抖位移幅度,填写纯数字,单位固定为 em
|
颤抖角度 |
颤抖 | 6 | 颤抖旋转角度,填写纯数字,单位固定为 deg
|
颤抖速度 |
颤抖 | 继承全局 速度;否则 0.18s |
颤抖层动画周期(秒) |
颤抖延迟 |
颤抖 | 继承全局 延迟;否则 0 |
颤抖层延迟(秒) |
| 缩放(倍数,无单位) | |||
缩放倍数 |
缩放 | 1.1 | 缩放倍数,填写纯数字,无单位 |
缩放速度 |
缩放 | 继承全局 速度;否则 0.8s |
缩放层动画周期(秒) |
缩放延迟 |
缩放 | 继承全局 延迟;否则 0 |
缩放层延迟(秒) |
功能详解
抖动模式
通过 模式 参数选择抖动方式。以下为本模板支持的六种模式及其幅度参数:
| 模式 | 幅度参数 | 默认效果 |
|---|---|---|
| 平移 | 平移幅度 |
林泊百科 |
| 旋转 | 旋转角度 |
林泊百科 |
| 跳动 | 跳动高度 |
林泊百科 |
| 摇摆 | 摇摆角度 |
林泊百科 |
| 颤抖 | 颤抖幅度 + 颤抖角度 |
林泊百科 |
| 缩放 | 缩放倍数 |
林泊百科 |
幅度数值
每种模式的幅度参数直接填写纯数字即可,单位由模板固定,无需(也不应)在数字后加单位:
- 位移类(平移 / 跳动 / 颤抖位移):单位固定为
em,如平移幅度=0.05表示左右各移动0.05em - 角度类(旋转 / 摇摆 / 颤抖角度):单位固定为
deg,如旋转角度=15表示在 ±15° 之间摆动 - 缩放倍数:无单位,如
缩放倍数=1.2表示放大到 1.2 倍
幅度示例:
{{抖动|内容=轻|模式=颤抖|颤抖幅度=0.03|颤抖角度=2}} {{抖动|内容=中|模式=颤抖|颤抖幅度=0.09|颤抖角度=6}} {{抖动|内容=重|模式=颤抖|颤抖幅度=0.2|颤抖角度=12}}
轻 中 重
逐字与整段
整段:整段文字作为一个整体抖动,支持 wikitext。此为默认模式逐字:添加逐字=是,每个字独立错位、方向各异。不支持 wikitext,仅支持纯文本。
{{抖动|内容=林泊百科}} (整段) {{抖动|内容=林泊百科|逐字=是}} (逐字)
林泊百科 (整段) 林泊百科 (逐字)
速度与延迟
速度—— 动画周期(秒),数值越小越快。延迟—— 动画开始前的延迟(秒),一般用于同页面中多个实例实现非同步抖动。
速度示例:
{{抖动|内容=快|模式=颤抖|颤抖幅度=0.09|颤抖角度=6|速度=0.12}} {{抖动|内容=中|模式=颤抖|颤抖幅度=0.09|颤抖角度=6|速度=0.3}} {{抖动|内容=慢|模式=颤抖|颤抖幅度=0.09|颤抖角度=6|速度=0.8}}
快 中 慢
延迟示例:
{{抖动|内容=A|模式=跳动|跳动高度=0.2|延迟=0}} {{抖动|内容=B|模式=跳动|跳动高度=0.2|延迟=0.3}} {{抖动|内容=C|模式=跳动|跳动高度=0.2|延迟=0.6}}
A B C
模式叠加
使用 + 在模式参数内容中连接多个模式即可实现模式叠加,叠加时各层可独立设置对应模式参数:
{{抖动|内容=林泊百科|模式=平移+旋转+跳动|平移幅度=0.05|旋转角度=10|跳动高度=0.25}}
林泊百科
更多示例
幅度递增效果展示
{{抖动|内容=轻|模式=颤抖|颤抖幅度=0.03|颤抖角度=2}} {{抖动|内容=中|模式=颤抖|颤抖幅度=0.09|颤抖角度=6}} {{抖动|内容=重|模式=颤抖|颤抖幅度=0.2|颤抖角度=12}}
轻 中 重
不同模式叠加示例
逐字 + 旋转:
{{抖动|内容=林泊百科|模式=旋转|旋转角度=15|逐字=是}}
林泊百科
颤抖 + 缩放:
{{抖动|内容=林泊百科|模式=颤抖+缩放|颤抖幅度=0.09|颤抖角度=6|缩放倍数=1.2}}
林泊百科
文本流使用示例
行内使用:
这句话里 这几个字在抖,其余文字保持静止。
wikitext使用:
{{抖动|内容=[[首页]]|模式=旋转|旋转角度=9}}
{{抖动|内容='''加粗文字'''|模式=平移|平移幅度=0.11}}
{{抖动|内容=<span style="color:red">红色文字</span>|模式=颤抖|颤抖幅度=0.09|颤抖角度=6}}
首页
加粗文字
红色文字
注意事项
- 逐字模式仅支持纯文本;如需使用任何 wikitext,请使用整段模式。
- 本模板会降低文本可读性,请谨慎使用。
- 若系统设置了“减少动态效果”,动画会自动关闭。
- 同一页面中,本模板的各非嵌套实例互不影响。
- 如不设置
延迟参数,页面中使用相同模板参数的实例将会同步运动。设置延迟参数时,若非特殊需要,不建议将延迟参数设为周期参数的倍数。
