对字符进行操作，就像它们是Javascript中的图像一样

我正在学习Javascript，我想尝试一件事：

我有一个包含如下元素的网页

螺丝刀

当我的鼠标悬停在单词的某个字母上时，我可以应用一个函数，就像它是一个图像一样（例如，将其倒转镜像，或其他任何东西）

我可以这样做吗

---

非常感谢

最简单的方法和最“允许”的方法是将您想要的每个字母或字母组放入span元素中

s
C
R
E
W
D
R
我
v
E
R

---

通过这种方式，您可以对每个字母的动画进行绝对控制，在css中添加一个类，如

hover letter

，并在页面加载时对每个字母执行任何操作，按字母拆分内容并将其包装在

，然后在每个元素上应用css

：hover

或JS动画

$（文档）.ready（函数（）{
让newContent=[]；
让oldContent=$（'.movingWord'）.text（）.split（''）；
oldContent.forEach（函数（字母）{
push（$（''，{text:letter}））；
});
$（'.movingWord'）.html（新内容）；
});
.movingWord span{
过渡：所有300毫秒的缓进缓出；
字体大小：20px；
线高：60px；
颜色：黑色；
}
.movingWord范围：悬停{
字体大小：40px；
颜色：绿色；
}

螺丝刀
按照我的理解，您希望在悬停时转换文本

.mirror {
   width: 200px;
   background-color: lightgray;
}

.mirror:hover {
   transform: scaleX(-1);
}


你好，世界

例如，当鼠标触摸h1元素时，这些代码段将水平镜像该元素。
欢迎使用Stackoverflow！到目前为止，您尝试了什么来解决这个问题？你在哪里失败了？如果你试着自己做，你会得到更好的答案（并了解更多），首先尝试将每个字母放在自己的字母中，然后用CSS应用效果
<div class="">
  <h1 class="mirror">Hello World</h1>
</div>