超酷jQuery+CSS3翻页时钟动画超酷jQuery+CSS3翻页时钟动画是一款数字时钟，时间每过一秒，相应的位置就会像翻日历一样翻过去。另外，这款CSS3数字时钟有点立体的效果，非常漂亮。jquerycss3翻页时钟数字时钟
<div class="time-container hours">
<div class="digit">
<div class="fade"> </div>
<span class="num top" id="hour-tens-top">1</span>
<span class="num bottom" id="hour-tens-bottom">
<div class="bottom-container">1</div></span>
<div class="swapper">
<div id="top-hour-tens-anim" class="num-anim top-anim" style="display:none;">
<div class="top-half-num">8</div>
</div>
<div id="bottom-hour-tens-anim" class="num-anim bottom-anim" style="display:none;">
<div class="bottom-half-num">
<div class="dropper">9</div></div>
</div>
</div>
<div class="ring ring-left"></div>
<div class="ring ring-right"></div>
</div>
<div class="digit">
<div class="fade"> </div>
<span class="num top" id="hour-ones-top">3</span>
<span class="num bottom" id="hour-ones-bottom">
<div class="bottom-container">3</div></span>
<div class="swapper">
<div id="top-hour-ones-anim" class="num-anim top-anim" style="display:none;">
<div class="top-half-num">8</div>
</div>
<div id="bottom-hour-ones-anim" class="num-anim bottom-anim" style="display:none;">
<div class="bottom-half-num">
<div class="dropper">9</div></div>
</div>
</div>
<div class="ring ring-left"></div>
<div class="ring ring-right"></div>
</div>
</div>
超酷jQuery+CSS3翻页时钟动画由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/7738.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
jQuery+CSS3产品360度预览特效
jQuery+CSS3实现黑色圆形时钟代码
jQuery+CSS3炫酷手风琴特效
jQuery+CSS3下拉高级搜索框特效
jQuery+CSS3催眠怀表摇摆动画特效