问答详情
源自：4-1 优化与兼容

优化时平移260px是如何计算的

/*优化模式*/
.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-15 21:04

个回答

  • 伊猫
    2018-03-28 13:04:32
    已采纳

    https://img3.mukewang.com/5abb222c000107e902020052.jpg只是刚好等于图片的宽，为了好看，可自行修改

    0
  • _慎独_
    2018-10-07 10:43:15

    图片的宽度为260px，平移260px后，旋转原点为图片的右边，根据右边旋转180deg，刚好回到图片原来的位置。

    0