css 如何镜像/翻转emoji？

emeijp43 于 2023-06-25 发布在其他

关注(0)|答案(4)|浏览(267)

我想在我简单的HTML/CSS网站上使用表情符号。这个想法是使用表情符号作为页面末尾的“下一个”和“上一个”按钮（见截图）。通过代码插入简单的表情符号是没有问题的，但是有没有一种方法可以镜像/翻转表情符号，使它们从右向左显示（就像截图中的白色鞋一样）？
或者，这里唯一的可能性是将表情符号作为png处理，将它们导出为一组png图像？

css

来源：https://stackoverflow.com/questions/68805602/how-to-mirror-flip-emoji

4条答案

按热度按时间

qlckcl4x1#

您可以使用transform属性：

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

body{
  font-size:50px;
}

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

赞(0）回复(0）举报 2023-06-25

vxf3dgd42#

您可以在CSS代码中为该图像标记使用transform: scaleX(-1);

赞(0）回复(0）举报 2023-06-25

wtzytmuj3#

.emote {
transform:scale(-1, 1);
width:fit-content;
}
body{
font-size:50px;
}
<div class="emote">💪🏽</div>
<br/>
💪🏽

赞(0）回复(0）举报 2023-06-25

ukxgm1gy4#

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

body{
  font-size:50px;
}

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

赞(0）回复(0）举报 2023-06-25

我来回答

css 如何镜像/翻转emoji？

4条答案

相关问题

热门标签

最新问答