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

2017-02-20 13:13:57 +08:00
 isolove
我想在网页上插入一个时钟, 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>”
2756 次点击
所在节点    CSS
2 条回复
isolove
2017-02-20 13:16:52 +08:00
这一条插入空间模块的话 就是一整个版面的时钟界面

顺便有没有那个时钟的 api 插件? iframe 插件?这样就不必我自己瞎弄了
isolove
2017-02-20 18:58:46 +08:00
有没有人那

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/341732

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX