您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 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>
    jQuery+CSS3跳动数字时间动画由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/8142.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!