jquery+css实现一个指针时钟效果代码

代码语言:html

所属分类:其他

代码描述:jquery+css实现一个指针时钟效果代码

代码标签: jquery css 指针 时钟

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">


    <style>
        @import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");
        
        body {
        	margin: 0;
        }
        
        .clock {
        	position: absolute;
        	width: 300px;
        	height: 300px;
        	left: calc(50% - 150px);
        	top: calc(50% - 150px);
        	background-color: white;
        	border-radius: 50%;
        	border: 8px solid black;
        	box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.2);
        }
        
        .hour-hand {
        	position: absolute;
        	hei.........完整代码请登录后点击上方下载按钮下载查看

网友评论0