css+js实现支持暗色与亮色切换的时钟走动显示时间效果代码-html代码-BFW代码库

css+js实现支持暗色与亮色切换的时钟走动显示时间效果代码

代码语言：html

所属分类：其他

代码描述：css+js实现支持暗色与亮色切换的时钟走动显示时间效果代码

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

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

<head>
    <meta charset="UTF-8">
    <style>
        * , *:after , *:before{
        padding: 0;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    body{
        background-image: url('//repo.bfw.wiki/bfwrepo/image/62fd789243ca2.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        display: grid;
        justify-content: center;
        align-items: center;
    }
    .main-color{
        background-color: #1696D5;
    }
    .second-color{
        background-color:#582733;
    }
    /* START CLOCK STYLE */
    .clock{
        height: 400px;
        width:  400px;
        border:  5px solid #000;
        border-radius: 50%;
        position: relative;
        text-align: center;
        background-color:.........完整代码请登录后点击上方下载按钮下载查看