当前数字的下半部分显示在当前下降的图块中,这是错误的。正如您在本演示中所看到的: http://jsfiddle.net/mBFLA/1/
图纸的这一部分是绘图:
ch += '<li class="digit"><div id="digit-a' + i + '" class="digit-wrap"><div class="shadow"></div>' + '<div class="top-new"><span>' + dNew + '</span></div>' + '<div class="digit-hinge"><div class="top-old"><span>' + dOld + '</span></div>' + '<div class="bottom-new"><span>' + dNew + '</span></div></div>' + '<div class="bottom-old"><span>' + dOld + '</span></div></div></li>';
可能猜测-webkit-backface-visibility: hidden;
css类中忽略了.top-old
属性。
注意:我目前正在瞄准WebKit。
任何提示都表示赞赏:)