forked from animate-css/animate.css
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
28 additions
and
15 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
#Animate.css | ||
*Just-add-water CSS animation* | ||
|
||
`animate.css` is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. | ||
|
||
##Usage | ||
To use animate.css in your website, simply drop the stylesheet into your document's `<head>`, and add the class `animated` to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super! | ||
|
||
You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules. Dynamically add animations using jQuery with ease: | ||
|
||
``` | ||
$('#yourElement').addClass('animated bounceOutLeft'); | ||
``` | ||
|
||
You can change the duration of your animations, add a delay or change the number of times that it plays! | ||
|
||
```#yourElement { | ||
-vendor-animation-duration: 3s; | ||
-vendor-animation-delay: 2s; | ||
-vendor-animation-iteration-count: infinite; | ||
} | ||
``` | ||
|
||
*Note: be sure to replace "vendor" in the CSS with the applicable vendor prefixes (webkit, moz, ms, o)* | ||
|
||
##Learn more | ||
You can learn more about animate.css over at http://daneden.me/animate | ||
You can also get in touch via email (dan.eden@me.com) or twitter (@_dte) if you need any help or have any issues. |