Html5翻牌匹配小游戏特效代码

Html5翻牌匹配小游戏特效代码

一款简单好玩而界面精美的html5翻牌匹配小游戏代码,16宫格翻牌图标匹配网页游戏,对记忆力强的人来说,这游戏简直太容易。

使用方法
CSS样式文件

1
<link rel="stylesheet" href="css/app.css">

HTML结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div class="container">
    <header>
        <h1>匹配游戏</h1>
    </header>

    <section class="score-panel">
        <ul class="stars">
            <li><i class="fa fa-star"></i></li>
            <li><i class="fa fa-star"></i></li>
            <li><i class="fa fa-star"></i></li>
        </ul>

        <span class="moves">0</span> Moves

        <div class="restart" onClick="run()">
            <i class="fa fa-repeat"></i>
        </div>
    </section>

    <ul class="deck" id="deck">

    </ul>
</div>
当前内容只有登录了才能查看,如果您已经注册,请登录
4

发表评论