如何镜像/翻转表情符号?

Ann*_*Mei 3 html css unicode emoji

我想在我的简单 HTML/CSS 网站上使用表情符号。

这个想法是使用表情符号作为页面末尾的“下一个”和“上一个”按钮(参见屏幕截图)。通过代码插入简单的表情符号是没有问题的,但是有没有办法镜像/翻转表情符号,以便它们从右向左显示(就像屏幕截图中的白鞋)?

或者,通过将表情符号导出为设置的 PNG 图像,将表情符号视为 PNG 是唯一的可能性吗?

截屏

Spe*_*ric 7

您可以使用该transform属性:

.emote {
  transform:scale(-1, 1);
  width:fit-content;
}

body{
  font-size:50px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="emote"></div>
<br/>
Run Code Online (Sandbox Code Playgroud)