<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>HTML5圣诞礼物大炮发射动画DEMO演示</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<base target="_parent">
<div id="canvas-container"></div>
<div id="ui">
<div class="positioner">
<div></div>
<div class="speech-bubble">
<div id="bubble">
<span id="text">Oh no! Look at this dull room, not at all Christmassy.</span>
<span id="text-highlight"></span>
<div id="next">Next</div>
</div>
</div>
<img id="steve" src="https://assets.codepen.io/557388/sad.svg" alt="Steve">
</div>
</div>
<div id="loading">Loading</div>
<!-- partial -->
<script type="module" src="./script.js"></script>
</body>
</html>
