优化时平移260px是如何计算的
来源：4-1 优化与兼容
雲淡风轻
2018-03-15 21:04
/*优化模式*/
.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);
}
写回答
关注
2回答
-
- 伊猫
- 2018-03-28 13:04:32
只是刚好等于图片的宽，为了好看，可自行修改 -
- _慎独_
- 2018-10-07 10:43:15
图片的宽度为260px，平移260px后，旋转原点为图片的右边，根据右边旋转180deg，刚好回到图片原来的位置。
CSS3+JS 实现超炫的散列画廊特效
实现更自由的切换照片的画廊效果，打造超酷的切换动画
46090 学习 · 215 问题
相似问题