Skip to content

Instantly share code, notes, and snippets.

@ajmeyghani

ajmeyghani/squares.html

Created August 22, 2018 18:08
Show Gist options
  • Save ajmeyghani/8eb5ae1cf96ab597991f05f21f160dac to your computer and use it in GitHub Desktop.
Save ajmeyghani/8eb5ae1cf96ab597991f05f21f160dac to your computer and use it in GitHub Desktop.
Download ZIP
HTML markup for the squares animation
Raw
squares.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/squares.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.js"></script>
<title>Anime Animation</title>
</head>
<body>
<div class="boxes">
<div class="boxes__inner">
<div class="box js-box"></div>
<div class="box js-box"></div>
<div class="box js-box"></div>
<div class="box js-box"></div>
<div class="box js-box"></div>
<div class="box js-box"></div>
<div class="box js-box"></div>
<div class="box js-box"></div>
<div class="box js-box"></div>
<div class="box js-box"></div>
<div class="box js-box"></div>
</div>
</div>
<script src="/squares.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment