当前位置:首页 > 网页特效 > jQuery特效 >

jQuery+CSS3跳动数字时间动画

时间:2014-05-30 17:31 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

jQuery+CSS3跳动数字时间动画jQuery+CSS3跳动数字时间动画是一款带有动画抖动效果的数字时钟特效代码。jQueryCSS3动画效果数字时钟

<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
<link rel='stylesheet prefetch'  href="css/csshake.min.css">
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:#d96457;}
/* clock */
.clock{width:360px;height:120px;margin:140px auto 0 auto;transform:translate(-50%, -50%);color:#d96457;font-family:"Lato", sans-serif;}
.clock div{position:relative;float:left;background:#ffe8e8;border-radius:6px;width:96px;height:80px;line-height:80px;text-align:center;font-size:60px;margin:0px 5px;}
</style>
 
</head>
 
<body>
 
<div class='clock'>
  <div class='h shake shake-slow'></div>
  <div class='m shake shake-slow'></div>
  <div class='s shake shake-slow'></div>
</div>
 
<script src="js/jquery-1.7.2.js"></script>
<script src="js/index.js"></script>
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

jQuery特效下载排行

最新文章