使用jquery的飞行板效果

Question

我正在尝试使用jquery构建飞行板效果。

到目前为止，我已经能够创建一个旋转角色的效果。以下是我迄今取得的成就：http://www.jaspreetkaur.com/chatter/

参见文章“了解重要的喋喋不休”

然而，O不觉得这种效果是否切合实际。我希望文本翻转类似于http://nolanow.cacno.org/（请参见标识中的单词）此效果是在图像的帮助下创建的。

我不想使用图像来保持效果可重复使用，那么如何在不使用图像的情况下创建效果呢？

Answer 1

我能够在某种程度上创建效果，这里是代码：http://jsfiddle.net/alokjain_lucky/QZuku/

我仍在尝试改进代码，但要使其更有用。

Answer 2

尝试使用像YonderRecoil这样的字体 - 只是一个例子，肯定有比这更好的字体

Answer 3

我一直在寻找同样的效果，并且找不到按照我想要的方式做到的库，所以我创建了一个具有效果的jsFiddle，以防任何人对此感兴趣。

http://jsfiddle.net/jacoswarts/neUtP/

<div class="board">
  <div class="front open">5</div>
  <div class="back close">4</div>
  <div class="flap top"></div>
  <div class="axis"></div>
</div>

HTML有点笨重，因此将其转换为注入电路板的jquery插件会很不错。