-
Notifications
You must be signed in to change notification settings - Fork 0
/
gem-anim.html
34 lines (32 loc) · 2.24 KB
/
gem-anim.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<htmllang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SVG Animation</title>
<meta name="description" content="Lorem ipsum description of this page.">
<link rel="stylesheet" href="css/gem-anim.css">
</head>
<body>
<svg width="496" height="450" viewBox="0 0 496 450" xmlns="http://www.w3.org/2000/svg">
<title>
Gem
</title>
<g stroke="#FFF" stroke-width="4" fill="none" fill-rule="evenodd">
<path class="path-1" d="M386.15 16.908L248.264 2.028c-.055-.005-.104.034-.11.09-.003.028.006.056.026.078l145.633 158.6c.037.04.1.044.14.006.023-.02.035-.048.034-.078l-6.945-142.87c-.024-.492-.403-.893-.892-.946z"/>
<path class="path-2" d="M108.086 16.99L247.736 2.03c.055-.006.105.034.11.09.003.028-.006.056-.025.077L102.186 160.8c-.037.04-.1.042-.14.005-.023-.02-.035-.05-.034-.078l5.986-143.64c.002-.05.04-.09.09-.096z"/>
<path class="path-3" d="M387.196 17.264L493.88 160.84c.034.045.025.107-.02.14-.016.013-.037.02-.06.02H394l-6.984-143.672c-.003-.055.04-.102.095-.104.034-.002.066.013.086.04z"/>
<path class="path-4" d="M107.806 17.264L2.116 160.84c-.03.045-.022.108.023.14.016.013.036.02.058.02H102l5.986-143.673c.003-.055-.04-.102-.095-.104-.033 0-.064.014-.084.04z"/>
<path class="path-5" d="M248.544 447.365l245.315-286.2c.034-.042.03-.105-.012-.14-.018-.016-.042-.025-.065-.025H394L248.38 447.255c-.026.05-.006.11.043.134.04.02.09.01.12-.025z"/>
<path class="path-6" d="M247.456 447.365L2.14 161.165c-.034-.042-.03-.105.012-.14.018-.016.042-.025.065-.025H102l145.62 286.255c.026.05.006.11-.043.134-.04.02-.09.01-.12-.025z"/>
<path class="path-7" d="M102 161h292L248.09 447.825c-.026.05-.086.07-.135.044-.02-.01-.035-.026-.044-.045L102 161z"/>
<path class="path-8" d="M248.737 2.802L394 161H102.228c-.056 0-.1-.045-.1-.1 0-.025.01-.05.026-.068l145.11-158.03c.373-.407 1.006-.434 1.412-.06l.06.06z"/>
</g>
</svg>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="js/gem.js"></script>
</body>
</html>