mirror of
https://github.com/animate-css/animate.css.git
synced 2024-10-01 07:21:31 +02:00
Merge branch 'master' into usebanner
Conflicts: animate.min.css
This commit is contained in:
commit
a6bb17272c
@ -21,6 +21,7 @@
|
|||||||
* `pulse`
|
* `pulse`
|
||||||
* `rubberBand`
|
* `rubberBand`
|
||||||
* `shake`
|
* `shake`
|
||||||
|
* `headShake`
|
||||||
* `swing`
|
* `swing`
|
||||||
* `tada`
|
* `tada`
|
||||||
* `wobble`
|
* `wobble`
|
||||||
@ -157,6 +158,7 @@ Next, run `grunt watch` to watch for changes and compile your custom builds. For
|
|||||||
"flash": false,
|
"flash": false,
|
||||||
"pulse": false,
|
"pulse": false,
|
||||||
"shake": true,
|
"shake": true,
|
||||||
|
"headShake": true,
|
||||||
"swing": true,
|
"swing": true,
|
||||||
"tada": true,
|
"tada": true,
|
||||||
"wobble": true,
|
"wobble": true,
|
||||||
|
@ -6,6 +6,7 @@
|
|||||||
"pulse": true,
|
"pulse": true,
|
||||||
"rubberBand": true,
|
"rubberBand": true,
|
||||||
"shake": true,
|
"shake": true,
|
||||||
|
"headShake": true,
|
||||||
"swing": true,
|
"swing": true,
|
||||||
"tada": true,
|
"tada": true,
|
||||||
"wobble": true,
|
"wobble": true,
|
||||||
|
71
animate.css
vendored
71
animate.css
vendored
@ -280,6 +280,77 @@
|
|||||||
animation-name: shake;
|
animation-name: shake;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes headShake {
|
||||||
|
0 {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
6.5% {
|
||||||
|
-webkit-transform: translateX(-6px) rotateY(-9deg);
|
||||||
|
transform: translateX(-6px) rotateY(-9deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
18.5% {
|
||||||
|
-webkit-transform: translateX(5px) rotateY(7deg);
|
||||||
|
transform: translateX(5px) rotateY(7deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
31.5% {
|
||||||
|
-webkit-transform: translateX(-3px) rotateY(-5deg);
|
||||||
|
transform: translateX(-3px) rotateY(-5deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
43.5% {
|
||||||
|
-webkit-transform: translateX(2px) rotateY(3deg);
|
||||||
|
transform: translateX(2px) rotateY(3deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes headShake {
|
||||||
|
0 {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
6.5% {
|
||||||
|
-webkit-transform: translateX(-6px) rotateY(-9deg);
|
||||||
|
transform: translateX(-6px) rotateY(-9deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
18.5% {
|
||||||
|
-webkit-transform: translateX(5px) rotateY(7deg);
|
||||||
|
transform: translateX(5px) rotateY(7deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
31.5% {
|
||||||
|
-webkit-transform: translateX(-3px) rotateY(-5deg);
|
||||||
|
transform: translateX(-3px) rotateY(-5deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
43.5% {
|
||||||
|
-webkit-transform: translateX(2px) rotateY(3deg);
|
||||||
|
transform: translateX(2px) rotateY(3deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.headShake {
|
||||||
|
-webkit-animation-timing-function: ease-in-out;
|
||||||
|
animation-timing-function: ease-in-out;
|
||||||
|
-webkit-animation-name: headShake;
|
||||||
|
animation-name: headShake;
|
||||||
|
}
|
||||||
|
|
||||||
@-webkit-keyframes swing {
|
@-webkit-keyframes swing {
|
||||||
20% {
|
20% {
|
||||||
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
||||||
|
2
animate.min.css
vendored
2
animate.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1,6 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "animate.css",
|
"name": "animate.css",
|
||||||
"version": "3.4.0",
|
"version": "3.4.0",
|
||||||
|
"main": "animate.css",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://github.com/daneden/animate.css.git"
|
"url": "https://github.com/daneden/animate.css.git"
|
||||||
|
33
source/attention_seekers/headShake.css
Normal file
33
source/attention_seekers/headShake.css
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
@keyframes headShake {
|
||||||
|
|
||||||
|
|
||||||
|
0 {
|
||||||
|
transform: translateX(0)
|
||||||
|
}
|
||||||
|
|
||||||
|
6.5% {
|
||||||
|
transform: translateX(-6px) rotateY(-9deg)
|
||||||
|
}
|
||||||
|
|
||||||
|
18.5% {
|
||||||
|
transform: translateX(5px) rotateY(7deg)
|
||||||
|
}
|
||||||
|
|
||||||
|
31.5% {
|
||||||
|
transform: translateX(-3px) rotateY(-5deg)
|
||||||
|
}
|
||||||
|
|
||||||
|
43.5% {
|
||||||
|
transform: translateX(2px) rotateY(3deg)
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
transform: translateX(0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.headShake {
|
||||||
|
animation-timing-function: ease-in-out;
|
||||||
|
animation-name: headShake;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user