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

Question

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

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

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

Answer 1

您可以使用该transform属性：

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

body{
  font-size:50px;
}

<div class="emote"></div>
<br/>