1、首先打开html文件编辑器，这里使用vscode新建一个html文档，文档中写入基本的html结构，然后插入img标签并插入一张图片，给img一个class属性：
2、然后在上方的head标签中的style标签设置样式，这里设置图片的宽度和高度并设置相对定位，然后设置图片的鼠标悬浮样式，其中设置动画的形式为3d以及设置图片3d旋转偏移的角度，添加一个动画，设置好延时即可：
3、最后打开浏览器，就会看到一个图片：
4、当鼠标移动上去，图片就会自动3d旋转了：
html5中是通过css3的background-size来控制自适应的。
直接在图片代码里面设置style，例如<img src="xxx.jpg" style="max-width:100%"/>2、要么给图片统一一个class名例如response-img，然后在css文件里面设置这个class
html5
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改（这是一项推荐标准、外语原文：W3C Recommendation、见本处参考资料原文内容）
2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。
