本节书摘来自华章社区《响应式Web设计:HTML5和CSS3实践指南》一书中的第2章,第2.6节使用CSS3旋转文本,作者(美) Benjamin LaGrone,更多章节内容可以访问云栖社区“华章社区”公众号查看
2.6 使用CSS3旋转文本
CSS3提供了一个旋转文本的简单方法。如果项目不需要使用复杂的画布元素,使用transform:rotate属性不失为一个易于实现的解决方案。
2.6.1 准备工作
在HTML文档中写下一行文本。打起精神来,你将使用CSS3旋转这行文本。
2.6.2 实现方式
将文本包裹在段落标签元素中:
2.6.3 工作原理
transform属性可以给元素应用2D或3D变换。除了旋转,其他相应属性还可以实现元素的移动、扭曲以及透明化效果。