V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
isolove
V2EX  ›  CSS

如何设定 css 制作的时钟插件的大小?

  •  
  •   isolove · 2017-02-20 13:13:57 +08:00 · 2768 次点击
    这是一个创建于 2834 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我想在网页上插入一个时钟, chinaz 找到素材,如何修改为小的文件。

    代码如下:

    “<!DOCTYPE html>
    <html>

    <head>

    <meta charset="UTF-8">

    <title>纯 CSS3 实现圆盘时钟动画</title>

    <link rel="stylesheet" href="http://cdn.sinacloud.net/shawhe/style.css?KID=sina,ue7b01IJyLeAu7qAnFNT&Expires=1487571564&ssig=zcD1jA6pDT" media="screen" type="text/css" />

    </head>

    <body>

    <div class='clock-wrapper'>
    <div class='clock-border'>
    <div class='clock'>
    <ul class='minute-marks'>
    <li class='five'></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class='five'></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class='five'></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class='five'></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class='five'></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class='five'></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    <div class='hour'>
    <div class='hand'></div>
    </div>
    <div class='minute'>
    <div class='hand'></div>
    </div>
    <div class='second'>
    <div class='hand'></div>
    </div>
    </div>
    </div>
    <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">

    </div>
    </div>

    </body>
    </html>”
    2 条回复    2017-02-20 18:58:46 +08:00
    isolove
        1
    isolove  
    OP
       2017-02-20 13:16:52 +08:00
    这一条插入空间模块的话 就是一整个版面的时钟界面

    顺便有没有那个时钟的 api 插件? iframe 插件?这样就不必我自己瞎弄了
    isolove
        2
    isolove  
    OP
       2017-02-20 18:58:46 +08:00
    有没有人那
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3596 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 04:55 · PVG 12:55 · LAX 20:55 · JFK 23:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.