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