優(yōu)化時平移260px是如何計算的
/*優(yōu)化模式*/
.photo{
? ?left: 50%;
? ?top: 50%;
? ?margin: -150px 0 0 -130px;
}
.photo-wrap{
? ?transform-origin: 0 ?50%;
}
.photo_front .photo-wrap{
? ?-webkit-transform: translate(0px ,0px) rotateY(0deg);
}
.photo_back .photo-wrap{
? ?-webkit-transform: translate(260px ,0px) rotateY(180deg);
}
2018-03-28
2018-10-07
圖片的寬度為260px，平移260px后，旋轉(zhuǎn)原點為圖片的右邊，根據(jù)右邊旋轉(zhuǎn)180deg，剛好回到圖片原來的位置。