Robot
/
animate.css
mirror of https://github.com/animate-css/animate.css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

New Special - jackInTheBox (#631) 

* use gulp

* convert tabs to spaces

* convert tabs to spaces
This commit is contained in:
Robert Pemberton 2017-04-27 13:23:25 +01:00 committed by Elton Mesquita
parent 9bc802dfc9
commit 9a09e72d78
5 changed files with 56 additions and 1791 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -90,6 +90,7 @@ $ npm install animate.css --save
* `rotateOutUpLeft`
* `rotateOutUpRight`
* `hinge`
* `jackInTheBox`
* `rollIn`
* `rollOut`
* `zoomIn`

1
animate-config.json
View File

@ -84,6 +84,7 @@
"specials": [
"hinge",
"jackInTheBox",
"rollIn",
"rollOut"
],

1815
animate.css vendored
View File

File diff suppressed because it is too large Load Diff

6
animate.min.css vendored
View File

File diff suppressed because one or more lines are too long

24
source/specials/jackInTheBox.css Normal file
View File

@ -0,0 +1,24 @@
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
}