js实现考验眼力找出相同表情的小游戏代码-html代码-BFW代码库

js实现考验眼力找出相同表情的小游戏代码

代码语言：html

所属分类：游戏

代码描述：js实现考验眼力找出相同表情的小游戏代码

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

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link href="https://fonts.googleapis.com/css?family=Oswald:300,500&display=swap" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        html {
        -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      overflow-x: hidden;
      overflow-y: scroll;
      color:#fff;
    }
    
    div, img, svg, canvas, video, text {
        position: absolute;
    }
    
    body, #container {
        width:100%;
        height:100%;
        background: #000;
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
        letter-spacing: -0.75px;
    
    }
    
    #container {
        max-width: 1024px;
        max-height: 960px;
        left:50%;
        transform:translate(-50%);
    }
    
    .fs {
        width:1024px;
        height:560px;
    }
    </style>
</head>

<body>
    <div id="container" style="opacity:0;">
        <div id="game" class="fs">
            <div id="hintBtn">Hint</div>
            <div class="foundTxt"></div>
            <div class="timeTxt">30:00</div>
            <div class="timePlus">+3 sec</div>
            <div id="btnArea">
                <div id="b1" class="btn"></div>
            </div>
            <div class="end">
                <div class="endTxt"></div>
                <div id="replayBtn">
                    <svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
          <rect width="240" height="240" fill="none"/>
          <path fill="#fff" d="M12.........完整代码请登录后点击上方下载按钮下载查看