added jello to the grunt setup and json, and changed readme
This commit is contained in:
parent
09cc41f9d7
commit
0826f3db7d
|
@ -24,6 +24,7 @@
|
||||||
* `swing`
|
* `swing`
|
||||||
* `tada`
|
* `tada`
|
||||||
* `wobble`
|
* `wobble`
|
||||||
|
* `jello`
|
||||||
* `bounceIn`
|
* `bounceIn`
|
||||||
* `bounceInDown`
|
* `bounceInDown`
|
||||||
* `bounceInLeft`
|
* `bounceInLeft`
|
||||||
|
@ -156,7 +157,8 @@ Next, run `grunt watch` to watch for changes and compile your custom builds. For
|
||||||
"shake": true,
|
"shake": true,
|
||||||
"swing": true,
|
"swing": true,
|
||||||
"tada": true,
|
"tada": true,
|
||||||
"wobble": true
|
"wobble": true,
|
||||||
|
"jello":true
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
|
@ -8,7 +8,8 @@
|
||||||
"shake": true,
|
"shake": true,
|
||||||
"swing": true,
|
"swing": true,
|
||||||
"tada": true,
|
"tada": true,
|
||||||
"wobble": true
|
"wobble": true,
|
||||||
|
"jello": true
|
||||||
},
|
},
|
||||||
|
|
||||||
"bouncing_entrances": {
|
"bouncing_entrances": {
|
||||||
|
|
|
@ -0,0 +1,40 @@
|
||||||
|
@keyframes jello {
|
||||||
|
0% {
|
||||||
|
transform: none
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
transform: skewX(-50deg) skewY(-50deg)
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
transform: skewX(25deg) skewY(25deg)
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
transform: skewX(-12.5deg) skewY(-12.5deg)
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
transform: skewX(6.25deg) skewY(6.25deg)
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: skewX(-3.125deg) skewY(-3.125deg)
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
transform: skewX(1.5625deg) skewY(1.5625deg)
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
transform: skewX(-0.78125deg) skewY(-0.78125deg)
|
||||||
|
}
|
||||||
|
80% {
|
||||||
|
transform: skewX(0.390625deg) skewY(0.390625deg)
|
||||||
|
}
|
||||||
|
90% {
|
||||||
|
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: none
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.jello{
|
||||||
|
animation-name:jello;
|
||||||
|
transform-origin: center
|
||||||
|
}
|
Loading…
Reference in New Issue