1、第一步，先建一个web项目，项目名称是“XuanZhuan”,如下图,选择放置在桌面，方便查找
2、第二步，打开index.html，新建一个框架，设置宽度（width） 、高度（height）以及边框（border）颜色，在页面选择打开我们的浏览器，就可以看到我们新建框架的效果图，如下图。
3、第三步，从桌面打开我们刚刚新建的“XuanZhaun”的文件夹，从网上下载一张图片，放到“img”文件夹中，打开就可以看到我们保存好的图片了，如下图
4、第四步，接下来就是回到HBuilder中插入我们保存好的图片，设置图片的宽度（width）和高度（height），使其铺满整个框架，不会溢出边框
5、第五步，设置边框的旋转方式、方向、以及角度，打开我们刚刚打开的IE浏览器，就可以看到图片已经开始旋转，只不过还是静态的，如下图
6、第六步，接下来添加一个可以自动旋转的标签，rotateY()标签是垂直旋转，这样做到这里图片就可以自动的旋转啦。
7、效果图，顶部喔！！！大家可以试试喔