我想做一個類似 http://huaban.com/pins/41377812 的3d折疊的名片，但是中間折疊的兩個div一直有bug.如果折疊上部分用的transform-origin：top;-webkit-transform: rotateX(-90deg);，下部分是transform-origin：bottom;-webkit-transform: rotateX(90deg);，這樣的話就會中間連不上，相反的話，外層x軸的寬度又會超出來，這塊應該怎么寫呢。demo1: http://game.howlab.cn/card/index4.htmldemo2: http://game.howlab.cn/card/index5.html貌似我要同時改translateY，但是y的值我不知道應該怎么算，求解: )