组件：触摸变换文字

Flowerssea：只是一个简单变化文字组件，且不限制文字字数。

使用以下代码引入该组件的CSS：

[[include :flowerssea:component:switch]]

---

将鼠标放到测试文本上面试试。

普通文本，测试文本更换文本，普通文本。

然后使用以下代码来创建更换文本：

普通文本，[[span class="switch"]]测试文本[[span class="switch-2"]]更换文本[[/span]][[/span]]，普通文本。

---

如果觉得不好找可以加上一些显眼的效果，比如模糊。

普通文本，测试文本更换文本，普通文本。

普通文本，[[span class="switch"]][[span style="filter: blur(0.05em);"]]测试文本[[/span]][[span class="switch-2"]]更换文本[[/span]][[/span]]，普通文本。

此处仅做示例，不代表只可以使用模糊。

---

如果版式修改了字号可以使用下方代码进行调整。

:root {
    --switch-font: 15px;
    --switch-shouj: 14px;
}

第一个修改默认文字大小，第二个修改手机适配文字大小，通常比电脑端小一像素。