CSS3翻转(旋转)效果显示它是翻转倒计时插件的背面

时间:2012-07-03 03:42:49

标签: javascript css3 webkit effects

尝试实施flip countdown lib

当前数字的下半部分显示在当前下降的图块中,这是错误的。正如您在本演示中所看到的: 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。

任何提示都表示赞赏:)

0 个答案:

没有答案