在线工具 CSS3 文本旋转生成器

Text Rotate

懒人的 CSS 文本旋转生成器。

此生成器将帮助您创建旋转文本所需的代码,并直观地查看更改以下选项时会发生什么。旋转文本所需的唯一 css 属性是 transform 属性。该演示应该可以在大多数浏览器中运行,但您可能需要添加供应商前缀才能完成此任务。

CSS3 文本旋转解释 

transform 属性指定元素的二维或三维变换。它有很多价值。该工具提供了文本旋转的快速代码。您可以指定旋转文本的度数。

您还可以为 IE 选择值:

lr-tb – 这是默认值,从左到右,从上到下。

rl-tb - 文本从右到左,从上到下流动。

tb-rl – 文本从上到下、从右到左垂直流动。

bt-rl – 文本从下到上,从右到左。

tb-lr - 文本从上到下,从左到右流动。

bt-lr – 文本从下到上,从左到右。

lr-bt - 文本从左到右,从下到上流动。

rl-bt - 文本从右到左,从下到上流动。

文本旋转工具为您提供扩展,以便其他浏览器支持代码。