New Special - jackInTheBox (#631)
* use gulp * convert tabs to spaces * convert tabs to spaces
This commit is contained in:
parent
9bc802dfc9
commit
9a09e72d78
|
@ -90,6 +90,7 @@ $ npm install animate.css --save
|
|||
* `rotateOutUpLeft`
|
||||
* `rotateOutUpRight`
|
||||
* `hinge`
|
||||
* `jackInTheBox`
|
||||
* `rollIn`
|
||||
* `rollOut`
|
||||
* `zoomIn`
|
||||
|
|
|
@ -84,6 +84,7 @@
|
|||
|
||||
"specials": [
|
||||
"hinge",
|
||||
"jackInTheBox",
|
||||
"rollIn",
|
||||
"rollOut"
|
||||
],
|
||||
|
|
1815
animate.css
vendored
1815
animate.css
vendored
File diff suppressed because it is too large
Load diff
6
animate.min.css
vendored
6
animate.min.css
vendored
File diff suppressed because one or more lines are too long
24
source/specials/jackInTheBox.css
Normal file
24
source/specials/jackInTheBox.css
Normal 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;
|
||||
}
|
Loading…
Reference in a new issue