Question

你好我发现这个箭头我喜欢➣➣，我试图为这个箭头找到相反的方向，但似乎找不到一个。我注意到，当我在此页面上找到它时：http://character-code.com/arrows-html-codes.php列出了一个额外的代码（➣），但是当我需要左边的代码时，它会生成相同的右箭头。

左箭头不存在吗？

Answer 1

<span>&#10147;</span>

span {
  transform: rotate(180deg);
  display: inline-block;
}

这不提供相反的unicode箭头。它将原始箭头旋转180度。

更好的是水平翻转箭头。这个CSS应该这样做。

transform: scale(-1);
filter: flipH;
-ms-filter: flipH;

span.rotate {
  transform: rotate(180deg);
  display: inline-block;
}

div.flipped {
  display: inline-block;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

<div>Rotated
  <span class="rotate">&#10147;</span>
</div>

<div>Flipped
  <div class="flipped">&#10147;</div>
</div>

Answer 2

没有与U + 27A3三维底部向右箭头相对应的反方向字符。足够的证据是，如果您搜索Unicode字符数据库，例如使用BabelMap，对于名称中包含THREE-D的字符，您只能找到U + 27A3和U + 27A2三个顶级向右箭头。如果有一个相应的向左字符，那么几乎可以肯定它的名字是相似的，只有RIGHTWARDS被LEFTWARDS取代。

@Mouser提出了很好的解决方法，但我认为问题也值得回答。

翻转箭头字符

2 个答案: