階層14実装(HTML)
9232 ワード
まず、大きなフレームから見ると、飛び交う怪物の箱、エリンの箱、残りの弾丸を展示する箱、残りの時間を展示する箱、そしてその周り全体に分けることができます.
<body>
<div class="target">
<i class="fas fa-crosshairs"></i>
</div>
<section class="game">
<div class="game_timer ui">
<div class="timer_text">
<i class="fas fa-clock"></i>
남은시간
</div>
<div class="timer_time inner_ui">
<span id="minute" class="number"></span>
<span class="minutes">분</span>
<span id="second" class="number"></span>
<span class="seconds">초</span>
</div>
</div>
<aside class="game_bullet ui">
<div class="bullet_img">
🧨
</div>
<div class="bullet_count inner_ui number">
</div>
</aside>
</section>
<div class="pop_up">
Start
</div>
</body>
残りの弾丸を展示する箱は、残りの時間を展示する箱と形態が似ており、同じuiレベルを与え、残りの弾丸部分はasideラベルを与えた.そして、今は見られませんでしたが、スター、CLEAR、FAILなどを出演させるポップを事前に表記しておきました.
Reference
この問題について(階層14実装(HTML)), 我々は、より多くの情報をここで見つけました https://velog.io/@baby_dev/더시드-14층-구현HTMLテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol