1 min read

用 impress.js 制作 About Me 页面

通过使用 impress.js 实现网站的 About Me Page ,感觉棒棒哒~~

「很早就知道 impress.js 这么个开源项目,但是一直很(hen)忙(lan),没空加内容进去,所以也就一直没有发布到网上来。昨天闲的无聊,晚上开始弄一直到凌晨4点。」

就写个总结,以免以后又忘记了,内容简单,勿喷。

这次就是忘记了,浪费了好多时间 >.<

<div id="its-in-3d" class="step" data-x="0" data-y="0" data-z="0" data-rotate="0" data-rotate-x="0" data-rotate-y="0" data-scale="1">

缩放参数

可以把整张 impress.js 显示界面想象为几层

data-scale=""

就是用来设置层级的,数字由小到大,层级由里到外

「小数也是可以的哦~」

位置参数

* data-x
* data-y
* data-z  //前面三个参数很简单的。「以最先显示的文本作为坐标圆点,立体直角坐标系」
* data-rotate  //第四个参数表示以垂直于屏幕的直线为轴旋转当前文本(假定只有文本)
「整数顺时针,负数逆时针。」
* **data-rotate-x**   // 以横向平行与屏幕的直线为轴旋转(正数轴上方往里面轴下方往外面旋转)
* **data-rotate-y**   // 以纵向向平行与屏幕的直线为轴旋转(正数 轴右方往里面轴左方往外面
* **data-rotate-z**   // 后来发现和 data-rotate 一样。
//艾玛,为自己智商捉急啊,好久才弄明白呢。


暂时就这样.....