hex-grid
Version:
tile hexagons in a grid layout
38 lines (37 loc) • 1.36 kB
HTML
<html>
<head>
<style>
h1 { color: yellow; }
body { background-color: rgb(88,20,94); }
.hex { opacity: 0.5; }
</style>
</head>
<body>
<h1>way cool</h1>
<div id="grid" style="position: relative">
<img src="images/async.png" class="hex">
<img src="images/binary.png" class="hex">
<img src="images/browserify.png" class="hex">
<img src="images/bug-clinic.png" class="hex">
<img src="images/es6.png" class="hex">
<img src="images/express.png" class="hex">
<img src="images/functional.png" class="hex">
<img src="images/git-it.png" class="hex">
<img src="images/hapi.png" class="hex">
<img src="images/koa.png" class="hex">
<img src="images/learnyounode.png" class="hex">
<img src="images/levelmeup.png" class="hex">
<img src="images/lodash.png" class="hex">
<img src="images/native.png" class="hex">
<img src="images/nodebots.png" class="hex">
<img src="images/nodeschool.png" class="hex">
<img src="images/promise.png" class="hex">
<img src="images/proto.png" class="hex">
<img src="images/shader-school.png" class="hex">
<img src="images/stream-adventure.png" class="hex">
<img src="images/threejs.png" class="hex">
</div>
<script src="bundle.js"></script>
</body>
</html>