单个div+css实现一个游戏机效果代码-html代码-BFW代码库

代码语言：html

代码描述：仅使用单个div+css实现了一个游戏机效果代码

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">






    <style>
        * {
          padding: 0;
          margin: 0;
        }
        body {
          background: #73FAC9;
          height: 100vh;
          width: 100vw;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .gameboy {
          margin-top: -55vmin;
          margin-left: -35vmin;
          background: transparent;
          font-size: 2vmin;
          height: 1em;
          width: 1em;
          color: #445291;
          box-shadow:
            1em 0 #004278, 2em 0 #004278, 3em 0 #004278, 4em 0 #004278, 5em 0 #004278, 6em 0 #004278, 7em 0 #004278, 8em 0 #004278, 9em 0 #004278, 10em 0 #004278, 11em 0 #004278, 12em 0 #004278, 13em 0 #004278, 14em 0 #004278, 15em 0 #004278, 16em 0 #004278, 17em 0 #004278,
            0 1em #004278, 1em 1em #6974A7, 2em 1em #6974A7, 3em 1em, 4em 1em, 5em 1em, 6em 1em, 7em 1em, 8em 1em, 9em 1em, 10em 1em, 11em 1em, 12em 1em, 13em 1em, 14em 1em, 15em 1em, 16em 1em #364174
        , 17em 1em #364174
        , 18em 1em #004278,
            0 2em #004278, 1em 2em #6974A7, 2em 2em #6974A7, 3em 2em #004278, 4em 2em #004278, 5em 2em #004278, 6em 2em #004278, 7em 2em #004278, 8em 2em #004278, 9em 2em #004278, 10em 2em #004278, 11em 2em #004278, 12em 2em #004278, 13em 2em #004278, 14em 2em #004278, 15em 2em #004278, 16em 2em #364174
        , 17em 2em #364174
        , 18em 2em #004278,
            0 3em #004278, 1em 3em #6974A7, 2em 3em #004278, 3em 3em #707788, 4em 3em #707788, 5em 3em #707788, 6em 3em #707788, 7em 3em #707788, 8em 3em #707788, 9em 3em #707788, 10em 3em #707788, 11em 3em #707788, 12em 3em #707788, 13em 3em #707788, 14em 3em #707788, 15em 3em #707788, 16em 3em #004278, 17em 3em #364174
        , 18em 3em #004278,
            0 4em #004278, 1em 4em #6974A7, 2em 4em #004278, 3em 4em #707788, 4em 4em #707788, 5em 4em #E4E4E4, 6em 4em #E4E4E4, 7em 4em #E4E4E4, 8em 4em #E4E4E4, 9em 4em #E4E4E4, 10em 4em #E4E4E4, 11em 4em #E4E4E4, 12em 4em #E4E4E4, 13em 4em #E4E4E4, 14em 4em #707788, 15em 4em #707788, 16em 4em #004278, 17em 4em #364174
        , 18em 4em #004278,
            0 5em #004278, 1em 5em #6974A7, 2em 5em #004278, 3em 5em black, 4em 5em #707788, 5em 5em white, 6em 5em white, 7em 5em white, 8em 5em white, 9em 5em white, 10em 5em white, 11em 5em white, 12em 5em white, 13em 5em white, 14em 5em #707788, 15em 5em #707788, 16em 5em #004278, 17em 5em #364174, 18em 5em #004278,
            0 6em #004278, 1em 6em #6974A7, 2em 6em #004278, 3em 6em #707788, 4em 6em #707788, 5em 6em white, 6em 6em white, 7em 6em white, 8em 6em white, 9em 6em white, 10em 6em white, 11em 6em white, 12em 6em white, 13em 6em white, 14em 6em #707788, 15em 6em #707788, 16em 6em #004278, 17em 6em #364174
        , 18em 6em #004278,
            0 7em #004278, 1em 7em #6974A7, 2em 7em #004278, 3em 7em #707788, 4em 7em #707788, 5em 7em white, 6em 7em white, 7em 7em white, 8em 7em white, 9em 7em white, 10em 7em white, 11em 7em white, 12em 7em white, 13em 7em white, 14em 7em #707788, 15em 7em #707788, 16em 7em #004278, 17em 7em #364174
        , 18em 7em #004278,
            0 8em #004278, 1em 8em #6974A7, 2em 8em #004278, 3em 8em #707788, 4em 8em #707788, 5em 8em white, 6em 8em white, 7em 8em white, 8em 8em white, 9em 8em white, 10em 8em white, 11em 8em white, 12em 8em white, 13em 8em white, 14em 8em #707788, 15em 8em #707788, 16em 8em #004278, 17em 8em #364174
        , 18em 8em #004278,
            0 9em #004278, 1em 9em #6974A7, 2em 9em #004278, 3em 9em #707788, 4em 9em #707788, 5em 9em white, 6em 9em white, 7em 9em white, 8em 9em white, 9em 9em white, 10em 9em white, 11em 9em white, 12em 9em white, 13em 9em white, 14em 9em #707788, 15em 9em #707788, 16em 9em #004278, 17em 9em #364174
        , 18em 9em #004278,
            0 10em #004278, 1em 10em #6974A7, 2em 10em #004278, 3em 10em #707788, 4em 10em #707788, 5em 10em white, 6em 10em white, 7em 10em white, 8em 10em white, 9em 10em white, 10em 10em white, 11em 10em white, 12em 10em white, 13em 10em white, 14em 10em #707788, 15em 10em #707788, 16em 10em #004278, 17em 10em #364174
        , 18em 10em #004278,
            0 11em #004278, 1em 11em #6974A7, 2em 11em #004278, 3em 11em #707788, 4em 11em #707788, 5em 11em white, 6em 11em white, 7em 11em white, 8em 11em white, 9em 11em white, 10em 11em white, 11em 11em white, 12em 11em white, 13em 11em white, 14em 11em #707788, 15em 11em #707788, 16em 11em #004278, 17em 11em #364174
        , 18em 11em #004278,
            0 12em #004278, 1em 12em #6974A7, 2em 12em #004278, 3em 12em #707788, 4em 12em #707788, 5em 12em #707788, 6em 12em #707788, 7em 12em #707788, 8em 12em #707788, 9em 12em #707788, 10em 12em #707788, 11em 12em #707788, 12em 12em #707788, 13em 12em #707788, 14em 12em #707788, 15em 12em #707788, 16em 12em #004278, 17em 12em #364174
        , 18em 12em #004278,
            0 13em #004278, 1em 13em #6974A7, 2em 13em #6974A7, 3em 13em #004278, 4em 13em #004278, 5em 13em #707788, 6em 13em #707788, 7em 13em #707788, 8em 13em #707788, 9em 13em #707788, 10em 13em #707788, 11em 13em #707788, 12em 13em #707788, 13em 13em #707788, 14em 13em #004278, 15em 13em #004278, 16em 13em #364174, 17em 13em #364174, 18em 13em #004278,
            0 14em #004278, 1em 14em #6974A7, 2em 14em #6974A7, 3em 14em #6974A7, 4em 14em #6974A7, 5em 14em #004278, 6em 14em #004278, 7em 14em #004278, 8em 14em #004278, 9em 14em #004278, 10em 14em #004278, 11em 14em #004278, 12em 14em #004278, 13em 14em #004278, 14em 14em #364174, 15em 14em #364174, 16em 14em #364174, 17em 14em #364174, 18em 14em #004278,
            0 15em #004278, 1em 15em #6974A7, 2em 15em #6974A7, 3em 15em #6974A7, 4em 15em #697.........完整代码请登录后点击上方下载按钮下载查看