如何去除CSS3中transition对字体的影响

Question

在一个DIV内有一段文字，我使用rotate让DIV旋转，设置了transition为1s。不幸的是DIV中的文字随着旋转变虚了。请问设置才能不影响到文字？

Answer 1

这个我做过，文字必须再嵌套在一个dom节点里面才可以。 比如:<div&nbsp;class="d1"> <div&nbsp;class="d2">HELLO&nbsp;WORLD</div> </div>.d1 顺时针旋转时，.d2 逆时针旋转，则文字不会旋转了。

Answer 2

通过设置-webkit-backface-visibility: hidden;可以不让文字变虚，仅在chrome下测试过。 下次有问题，我一定贴一个jsFiddle上来给大家看。