Example:悬停变换

源码 Template:悬停变换

一个支持图标切换、边缘发光、自定义配色的字符效果组件。

完整调用示例

{{悬停变换
| icon       = ☰
| iconActive = ✕
| swap       = on
| glow       = pulse
| bg         = #56000d
| color      = #fff
}}

参数说明

参数	可选值	默认	说明
icon	任意字符	●	默认显示的图标
iconActive	任意字符	✕	悬停时显示的图标，仅 swap=on 时有效
swap	on / off	on	是否启用悬停图标切换
glow	pulse / glow / none	pulse	图标发光模式：呼吸 / 静态 / 不发光
bg	任意颜色值	无	覆盖背景色，不填则用默认主题色
color	任意颜色值	无	覆盖文字色

最简调用

只写必填的图标，其余用默认值：

{{悬停变换|icon=☰|iconActive=✕}}

效果： ☰✕

其他常见用法

场景	写法
不切换图标	加 swap=off
静态发光	加 glow=glow
不发光	加 glow=none
自定义配色	color=#ffcc00