23 lines
584 B
HTML
23 lines
584 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" >
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>CodePen - Morphing circles animation - Click to show mechanics 👍🤓</title>
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
|
||
|
|
<link rel="stylesheet" href="./style.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- partial:index.partial.html -->
|
||
|
|
<input type="checkbox" id="show-tricks"/>
|
||
|
|
<label for="show-tricks"></label>
|
||
|
|
<div class="container">
|
||
|
|
<div class="circle"></div>
|
||
|
|
</div>
|
||
|
|
<h1>Click/Tap</h1>
|
||
|
|
<!-- partial -->
|
||
|
|
<script src="./script.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|