卡包效果实现思路如下：
1.将盒子的尺寸和图片的尺寸宽高度相同。
2.给图片设置绝对定位让他堆叠在盒子里面，相对于父亲，所以父亲设置相对定位，父相子绝。
3.给盒子添加鼠标hover事件，当鼠标移入的时候，让盒子内部的图片进行旋转。我们使用伪类选择器选中每一张图片，因为每一张图片旋转的度数不一样，一共是360度，这里有6张图片，那么每一个图片的旋转度数应该是60，最后一张是360度。
4.这样我们看到它的基准点默认是center center中心点，我们要给所有的图片通过transform-origin属性设置为right top，这样的话就是右上角进行旋转。
5.我们给所有的图片设置transition属性，为了让我们看到过渡效果，而不是直接显示的效果。
6.大功告成，以上就是详细制作思路啦！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2D转换综
版权声明：本文为qq_36213140原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。