웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] claw machine
해피CGI윤실장
2025. 3. 26. 09:07
웹에서 제작된 뽑기 게입입니다.
HTML, CSS, JS로 제작되었습니다.
자세한 내용은 데모를 확인해 주시기 바랍니다.
HTML
|
<body>
<div class="wrapper">
<div class="collection-box pix"></div>
<div class="claw-machine">
<div class="box pix">
<div class="machine-top pix">
<div class="arm-joint pix">
<div class="arm pix">
<div class="claws pix"></div>
</div>
</div>
<div class="rail vert pix"></div>
<div class="rail hori pix"></div>
</div>
<div class="machine-bottom pix">
<div class="collection-point pix"></div>
</div>
</div>
<div class="control pix">
<div class="cover left"></div>
<button class="hori-btn pix"></button>
<button class="vert-btn pix"></button>
<div class="cover right">
<div class="instruction pix"></div>
</div>
<div class="cover bottom"></div>
<div class="cover top">
<div class="collection-arrow pix"></div>
</div>
<div class="collection-point pix"></div>
</div>
</div>
</div>
<div class="sign">
by masahito / ma5a.com
</div>
</body>
|
CSS, JS는 데모를 통해 확인해 주세요
