Fixed conflicts and merged

This commit is contained in:
Jare Fagbemi 2014-04-22 09:19:59 -07:00
commit c643e45aeb
7 changed files with 53 additions and 3 deletions

View file

@ -30,6 +30,8 @@ http://api.jquery.com/one/
$('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething); $('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething);
``` ```
**Note:** `jQuery#one` is used when you want to execute the event handler at most *once*. More information [here](http://api.jquery.com/one/).
You can change the duration of your animations, add a delay or change the number of times that it plays: You can change the duration of your animations, add a delay or change the number of times that it plays:
```css ```css

View file

@ -87,6 +87,7 @@
"slideOutLeft": true, "slideOutLeft": true,
"slideOutRight": true, "slideOutRight": true,
"slideOutUp": true, "slideOutUp": true,
"slideInUp": true,
"slideOutDown": true "slideOutDown": true
}, },

33
animate.css vendored
View file

@ -2635,6 +2635,39 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
animation-name: slideOutUp; animation-name: slideOutUp;
} }
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown { @-webkit-keyframes slideOutDown {
0% { 0% {
-webkit-transform: translateY(0); -webkit-transform: translateY(0);

2
animate.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,5 @@
{ {
"name": "animate.css", "name": "animate.css",
"version": "3.1.0", "version": "3.1.1",
"main": "./animate.css" "main": "./animate.css"
} }

View file

@ -1,6 +1,6 @@
{ {
"name": "animate.css", "name": "animate.css",
"version": "3.0.0", "version": "3.1.1",
"devDependencies": { "devDependencies": {
"grunt": "~0.4.1", "grunt": "~0.4.1",
"grunt-autoprefixer": "~0.4.0", "grunt-autoprefixer": "~0.4.0",

View file

@ -0,0 +1,14 @@
@keyframes slideInUp {
0% {
transform: translateY(2000px);
}
100% {
opacity: 0;
transform: translateY(0);
}
}
.slideInUp {
animation-name: slideInUp;
}