Merge pull request #28 from Dog2puppy/patch-1

Add animate.css getting started tutorial
cdnjs · Nov 26, 2016 · 72a354a · 72a354a
2 parents 0f0a940 + bad2e8b
commit 72a354a
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/animate.css/Getting-Started-with-Animate-CSS/index.md b/animate.css/Getting-Started-with-Animate-CSS/index.md
@@ -0,0 +1,9 @@
+# Getting Started with Animate.css
+
+To get started with Animate.css, add
+`<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">`
+to your <head> tag. After that, you can now add the class to another tag. Example:
+`<p class="animated bounce">Bouncy text!</p>
+<!--And for looping-->
+<p class="animated infinite bounce">I bounce until you make me stop!</p>`
+For a full list, check https://github.com/daneden/animate.css#Basic-Usage
diff --git a/animate.css/Getting-Started-with-Animate-CSS/tutorial.json b/animate.css/Getting-Started-with-Animate-CSS/tutorial.json
@@ -0,0 +1,20 @@
+{
+  "author": {
+    "name": "Dog2puppy",
+    "email": "me@dog2puppy-github.tk",
+    "description": "I love open source and all code.",
+    "homepage": "http://dog2puppy-github.tk/",
+    "twitter": "https://twitter.com/"
+  },
+  "description": "Getting started with animate,css",
+  "homepage": "https://github.com/dog2puppy",
+  "keywords": [
+    "animate.css",
+    "tutorial"
+  ],
+  "library-tags": ["animate.css"],
+  "name": "Getting started with animate.css",
+  "repository": "https://github.com/daneden/animate.css",
+  "disqus_shortname": "dog2puppy",
+  "disqus_url": "N/A"
+}