1首先打开html文件编辑器，这里使用vscode新建一个html文档，文档中写入基本的html结构，然后插入img标签并插入一张图片，给img一个class属性2然后在上方的head标签中的style标签设置样式，这里设置图片的宽度和高度并设置。

lt！DOCTYPE HTMLlthtmlltheadltmeta charset=UTF8lttitleYuGiOhlttitleltstyle type=quottextcssquot#div position absolutetop 50pxleft 300pxwidth 300pxheight 300pxlineheight 300pxtextalign。

3d旋转，顾名思义就是立体旋转，涉及到三个轴向，x，y， z，2D旋转只有两个轴向，x，y关键就在z轴呢，我来解释下z轴 z轴就是物体远近，近大远小，所以会使元素看上去会变大，这个是正常的，css3 3D还有个属性就是。

通过使用HTML5的 Screen Orientation API， 可以在JavaScript定义屏幕方向所以用JS实现ltvideo width=quot658quot height=quot444quot src=quotavmp4quot autoplay=quotautoplayquotltvideo 在页面加载完成后 获取浏览器高度以及宽度，再设置V。