请转一下吧！就一位也行！

我们用了一个非常贴切的标题

因为需要你 各种角度 旋转手机

请将你的手机屏幕锁定住

我们先在 Z 轴 方向转 90°

Hi，这里是JZ多媒体解决方案
一起阅读文字90°旋转案例 《比特币 · 诗》
它常用于横屏内容展示

请将你的手机屏幕锁定住

我们再在 Z 轴 方向转 180°

Hi，这里是JZ多媒体解决方案
一起阅读文字180°旋转案例
《颠覆常规—爱马仕2017秋冬男装系列》
它常用于颠覆性内容展示

如果这些你都见过那么接下来

就请沿 X、Y 轴 方向 倾斜 手机

我们知道很多读者其实

读不来我们的认证主体

以上仍然是通过代码

用 纯文本 内容变形的

现在公布该问题答案

谘诹

zīzōu

好了以后不要再总是问我们认证主体的公司名怎么念了，「谘诹」出自《出师表》，没错就是《三国志·诸葛亮传》卷三十五的《出师表》，原句为「谘诹善道，察纳雅言」，谁再说这是生僻字跟谁急，《出师表》没背过嘛？每次 开发票 都要写拼音“上海谘(zī)诹(zōu)信息技术有限公司”；很多时候 读者或者客户 打来电话“请问是上海 zī……qǔ?吗？”

下面来阐述一下两种旋转的代码原理，其实都和 而有关，其中 Z 轴方向比较常见的旋转基于 的值，倾斜阅读需要 值。比如前者你需要增加的描述内容是 ▼

<section style="transform: rotate(n deg)">
section>

（这个 n 值就填写你需要旋转的角度即可）

而对于后者你需要增加的描述内容是 ▼

<section style="transform: scale(1, n)">
section>

其实 是用来做拉伸变形的，第一个值是宽第二个值是高，对于倾斜阅读我们只需要拉伸高度就可以了。所以这两种旋转阅读其实实现都非常简单，不妨动手试一试吧？第二种拉伸其实我们在生活中很常见，比如开高速的时候你就会在地面上看到大大的拉伸过的 ▼

车

客

型

小

因为司机在经过道口时候正是一个倾斜视角，所以这四个字就是反着并且拉伸排列，在你开过的一瞬间就可以清晰读到。

▼当然你还可以阅读另外几期教程▼

第一期 渐变 · 纯代码图文特效(1)

第二期 地震 · 纯代码图文特效(2)

第三期 拼图游戏 · 纯代码图文特效(3)

第四期 二十二 · 纯代码图文特效(4)

本文已纳入 JZ 多媒体解决方案新发售图书版权，禁止任何形式转载或洗稿，禁止任何第三方编辑器在非授权情况下转存为样式模版。

其他你可能感兴趣的文章包括：
1. 用代码保护图文版权

2. 教你改变微信图文的背景！

3. 教你改变微信图文的字体！

更多代码问题或者企业品牌账号托管就请致电我们询问吧，不要念错公司名噢！

- END -

答疑/咨询：021 37218818