123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 | ```
扑克牌展开 *{ margin: 0; padding: 0; } .wrap{ width: 310px; height: 438px; /* background-color: red; */ margin: 200px auto; /* 相对定位 */ position: relative; /* deg 默认是顺时针 */ /* transform: rotate(45deg); */ } img{ position: absolute; left: 0; top:0; transition: transform 1s; /* 旋转的默认是中心旋转 */ transform-origin: right bottom; } /* 当鼠标进入wrap时，让第四图片旋转60 */ .wrap:hover img:last-child{ transform: rotate(60deg); } /* 当鼠标进入wrap时，让第三图片旋转30 */ .wrap:hover img:nth-child(3){ transform: rotate(30deg); } /* 当鼠标进入wrap时，让第一图片旋转30 */ .wrap:hover img:nth-child(1){ transform: rotate(-30deg); }
| :-------------------------------------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
