jquery+css实现汉字款转盘时钟效果代码

代码语言:html

所属分类:其他

代码描述:jquery+css实现汉字款转盘时钟效果代码

代码标签: jquery css 汉字 转盘 时钟

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        *{
            margin: 0;padding: 0;
        }
        html,body{
            font-family: "Microsoft YaHei UI";
        }
        a{
            text-decoration: none;
        }
        span,em,b,i{
            font-style: normal;
        }
        li{
            list-style: none;
        }
        html,body{
            font-size: 62.5%;
            background: #000;
        }
        .clock{
            width: 700px;height: 700px;margin: 0 auto;position: relative;z-index: 6;padding-top: 50px;
        }
        .second{
            width: 502px;height: 502px;position: absolute;left: 20px;top: 20px;
            border-radius: 100%;
        }
        .second ul{
            width: 500px;height: 500px;position: relative;z-index: 8;
            border-radius: 100%;overflow: hidden;
            background: #293C55;
            /*transform: rota.........完整代码请登录后点击上方下载按钮下载查看

网友评论0