原理：

旋转元素的坐标有三个 ：X（向右）,   Y（向左） ,   Z（向电脑屏幕的你）

当没有位移旋转元素时，元素 Z 坐标也会同着一起旋转 ，当一个物品旋转到90度时，我们只能看到它的厚度，而div元素是没有厚度的，所以就会看不到 。

解决：

可以在旋转后加上位移，则 意味你的视角也会发生变化 ， 如同一架飞机从你眼前飞过 ( 左右方向 ) ，可以看到 其侧边的内容 。 这就是元素旋转90度加上位移就由消失到显示的原因 。

版权声明：本文为500m原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/500m/p/13497994.html