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

单个div+css实现一个游戏机效果代码

代码语言：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, 1.........完整代码请登录后点击上方下载按钮下载查看