一、首先创建一个名为“wrap”的容器，里面存放4张图片。
样式：清除页面边距（*{margin:0; padding:0;}）、设置“wrap”的宽、高、水平居中（margin:0 auto;）
代码如下：
二、给“wrap”添加相对定位（position:relative;）;再利用绝对定位（position:absolute;）将4张图片重合到一起。默认情况下看到的图片是最后一张。
代码如下：
三、当鼠标进入“wrap”整体时，内部图片发生旋转。
注：旋转属性（2D转化）使用的代码：transform:rotate();
注：deg表示度，默认是顺时针
过渡动画属性：transition:transform 1s;
代码如下：
四、图片旋转默认是以中心旋转，接下来要把图片改成右下角旋转。
用到的代码：transform-origin:right bottom;
代码如下：
