JS 小游戏“别踩白块”的实现

小游戏“别踩白块”

先说一句
  大家好,这里是沉曦!一个前端的小学生。
  

12

23

23

最后一句
这是小沉曦自己的学习心得!若有不正,还望斧正。希望渴望正义的你们不要吝啬对我的建议哟。嘻嘻,回见。

 <style>
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    .box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 600px;
        height: 482px;
        text-align: center;
        border: 2px solid rgb(39, 27, 165);
        overflow: hidden;
    }

    span {
        font-size: 40px;
        display: block;
        margin: auto;
        text-align: center;
    }

    .game {
        /* border: 2px solid rgb(39, 27, 165); */
        position: absolute;
        left: 0;
        top: -100px;
        /* transition: top 1s linear; */

    }

    .row {
        background-color: pink;
    }

    .row div {
        width: 149px;
        height: 120px;
        float: left;

        border: 1px solid rgb(123, 123, 123);
    }

    .black {
        background-color: #000;
    }
</style>
复制代码

开始游戏

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享