可控制的CSS3D盒子动画

今天来看一个CSS 3D盒子动画，利用jqueryUI和jquery实现盒子动画的控制。

简易效果在线把玩请戳这里，下载收藏请戳这里。

优化效果在线把玩戳这里，下载收藏请戳这里。

我们需要两个slider，一个input来控制盒子运动。

<div class="wrapper">
    <h4>Animate X axis</h4>
    <div id="sliderX"></div>
    <br>
    <h4>Animate Y axis</h4>
    <div id="sliderY"></div>
    <br>
    <input type="checkbox" /> Auto animate
</div>

接着我们来做盒子，我们需要两个面

<div id="viewport">
   <div id="cube">
      <div id="front"></di