反转文字

最新推荐文章于 2024-07-24 11:39:30 发布

cunqu9743

最新推荐文章于 2024-07-24 11:39:30 发布

阅读量478

点赞数

文章标签： css html css3 html5 java

对于从右到左的语言，您可以简单地通过dir属性在大多数浏览器中交换默认的从左到右布局。

<body dir="rtl">
  text in right-to-left language
</body>

您可以在任何文本元素上使用该属性，而不必是正文。同样，您可以只用CSS交换它：

body {
  unicode-bidi:bidi-override;
  direction:rtl;
}

以下是“不太实用的”，但仍然很有趣：

/* Flip each letter backwards */
div {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  unicode-bidi:bidi-override;
  direction:rtl;
}

/* Entire text flipped around */
div {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
}

翻译自: https://css-tricks.com/snippets/css/reversing-text/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cunqu9743

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
反转文字

对于从右到左的语言，您可以简单地通过dir属性在大多数浏览器中交换默认的从左到右布局。 <body dir="rtl"> text in right-to-left language</body> 您可以在任何文本元素上使用该属性，而不必是正文。同样，您可以只用CSS交换它： body { unicode-bidi:bidi-override; d...
复制链接

扫一扫