div { width:200px; height:400px; position:relative; margin:500px auto; } div img { width:200px; height:400px; position:absolute; top:0; left:0; transition:all 0.6s; /* 旋转过度*/ transform-origin:top right; /* 旋转角度*/ } div:hover img:nth-child(1) { transform:rotate(60deg); } div:hover img:nth-child(2) { transform:rotate(120deg); } div:hover img:nth-child(3) { transform:rotate(180deg); } div:hover img:nth-child(4) { transform:rotate(240deg); } div:hover img:nth-child(5) { transform:rotate(300deg); } div:hover img:nth-child(6) { transform:rotate(360deg); }
更新时间:2020-03-05 00:38:15