|
2 | 2 | <html lang="en">
|
3 | 3 | <head>
|
4 | 4 | <meta charset="UTF-8">
|
| 5 | + <meta name="description" content="Minimalistic animation library in javascript. Fast, lightweight and easy-to-use."> |
| 6 | + <meta name="twitter:card" content="summary_large_image"> |
| 7 | + <meta name="twitter:site" content="@danielundin"> |
| 8 | + <meta name="twitter:creator" content="@danielundin"> |
| 9 | + <meta name="twitter:title" content="snabbt.js"> |
| 10 | + <meta name="twitter:description" content="Minimalistic animation library in javascript. Fast, lightweight and easy-to-use."> |
| 11 | + <meta name="twitter:image" content="http://daniel-lundin.github.io/snabbt.js/assets/snabbt-sharing.png"> |
| 12 | + |
| 13 | + <meta property="og:url" content="http://daniel-lundin.github.io/snabbt.js"> |
| 14 | + <meta property="og:title" content="snabbt.js" /> |
| 15 | + <meta property="og:description" content="Minimalistic animation library in javascript. Fast, lightweight and easy-to-use." /> |
| 16 | + <meta property="og:image" content="http://daniel-lundin.github.io/snabbt.js/assets/snabbt-sharing.png"> |
| 17 | + |
5 | 18 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
6 | 19 | <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
|
7 | 20 | <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.2/normalize.min.css">
|
8 | 21 | <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.1/skeleton.min.css">
|
9 | 22 |
|
10 |
| - <script> |
11 |
| - (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
12 |
| - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
13 |
| - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
14 |
| - })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
15 |
| - |
16 |
| - ga('create', 'UA-58043335-1', 'auto'); |
17 |
| - ga('send', 'pageview'); |
18 |
| - </script> |
19 |
| - |
20 | 23 | <title>snabbt.js</title>
|
21 | 24 | <style>
|
22 | 25 |
|
|
70 | 73 | </head>
|
71 | 74 | <body>
|
72 | 75 | <div class="container">
|
73 |
| - |
| 76 | + |
74 | 77 | <div class="text-area">snabbt.js is a perfect fit for text animations. Each letter is rotated around the x-axis with a really tight perspective. </div>
|
75 | 78 | </div>
|
76 | 79 | <button class="button button-primary" id="again-please" onclick="animate()">Again please!</button>
|
|
110 | 113 |
|
111 | 114 | function letterWave() {
|
112 | 115 | var letters = document.querySelectorAll('.text-area-letter');
|
113 |
| - |
| 116 | + |
114 | 117 | for (var i=0; i<letters.length; i++) {
|
115 | 118 | letters[i].style.opacity = 0;
|
116 | 119 | }
|
|
0 commit comments