diff --git a/dist/csshake-crazy.css b/dist/csshake-crazy.css
index aed043d..bfc39be 100644
--- a/dist/csshake-crazy.css
+++ b/dist/csshake-crazy.css
@@ -10,50 +10,42 @@
display: inherit;
transform-origin: center center; }
-.shake-freeze,
-.shake-constant.shake-constant--hover:hover,
-.shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
-
-.shake-freeze:hover,
-.shake-trigger:hover .shake-freeze, .shake-crazy:hover,
-.shake-trigger:hover .shake-crazy {
- animation-play-state: running; }
-
@keyframes shake-crazy {
10% {
- transform: translate(10px, 3px) rotate(-7deg);
- opacity: 0.29; }
+ transform: translate(-17px, -6px) rotate(10deg);
+ opacity: 0.15; }
20% {
- transform: translate(-8px, -8px) rotate(5deg);
- opacity: 0.31; }
+ transform: translate(12px, -1px) rotate(-9deg);
+ opacity: 0.14; }
30% {
- transform: translate(4px, -10px) rotate(9deg);
- opacity: 0.91; }
+ transform: translate(8px, 19px) rotate(-6deg);
+ opacity: 0.03; }
40% {
- transform: translate(1px, -2px) rotate(-1deg);
- opacity: 0.83; }
+ transform: translate(13px, -7px) rotate(-3deg);
+ opacity: 0.36; }
50% {
- transform: translate(19px, -6px) rotate(-1deg);
- opacity: 0.58; }
+ transform: translate(8px, 10px) rotate(-3deg);
+ opacity: 0.03; }
60% {
- transform: translate(-10px, 20px) rotate(-8deg);
- opacity: 0.64; }
+ transform: translate(7px, 6px) rotate(3deg);
+ opacity: 0.58; }
70% {
- transform: translate(-11px, -18px) rotate(5deg);
- opacity: 0.06; }
+ transform: translate(19px, -10px) rotate(-6deg);
+ opacity: 0.03; }
80% {
- transform: translate(14px, 7px) rotate(9deg);
- opacity: 0.89; }
+ transform: translate(8px, 9px) rotate(3deg);
+ opacity: 0.74; }
90% {
- transform: translate(-3px, 9px) rotate(-9deg);
- opacity: 0.01; }
+ transform: translate(-7px, -1px) rotate(-9deg);
+ opacity: 0.19; }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-crazy:hover,
-.shake-trigger:hover .shake-crazy, .shake-crazy.shake-freeze, .shake-crazy.shake-constant {
+.shake-crazy {
animation-name: shake-crazy;
animation-duration: 100ms;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-crazy.infinite {
animation-iteration-count: infinite; }
diff --git a/dist/csshake-crazy.min.css b/dist/csshake-crazy.min.css
index a599c8b..121df14 100644
--- a/dist/csshake-crazy.min.css
+++ b/dist/csshake-crazy.min.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake-crazy{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-crazy:hover,.shake-trigger:hover .shake-crazy{animation-play-state:running}@keyframes shake-crazy{10%{transform:translate(-15px, 10px) rotate(-9deg);opacity:.86}20%{transform:translate(18px, 9px) rotate(8deg);opacity:.11}30%{transform:translate(12px, -4px) rotate(1deg);opacity:.93}40%{transform:translate(-9px, 14px) rotate(0deg);opacity:.46}50%{transform:translate(-4px, -3px) rotate(-9deg);opacity:.67}60%{transform:translate(-11px, 19px) rotate(-5deg);opacity:.59}70%{transform:translate(-19px, 11px) rotate(-5deg);opacity:.92}80%{transform:translate(-16px, 8px) rotate(-1deg);opacity:.63}90%{transform:translate(6px, 0px) rotate(-6deg);opacity:.09}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-crazy:hover,.shake-trigger:hover .shake-crazy,.shake-crazy.shake-freeze,.shake-crazy.shake-constant{animation-name:shake-crazy;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake-crazy{display:inherit;transform-origin:center center}@keyframes shake-crazy{10%{transform:translate(7px, 12px) rotate(-8deg);opacity:.99}20%{transform:translate(-3px, 11px) rotate(-8deg);opacity:.42}30%{transform:translate(3px, 0px) rotate(4deg);opacity:.62}40%{transform:translate(14px, -12px) rotate(9deg);opacity:.63}50%{transform:translate(17px, 0px) rotate(-8deg);opacity:.79}60%{transform:translate(-6px, 5px) rotate(-1deg);opacity:.02}70%{transform:translate(-10px, -6px) rotate(4deg);opacity:.66}80%{transform:translate(4px, -19px) rotate(2deg);opacity:.31}90%{transform:translate(18px, -12px) rotate(-1deg);opacity:.78}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-crazy{animation-name:shake-crazy;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-crazy.infinite{animation-iteration-count:infinite}
diff --git a/dist/csshake-default.css b/dist/csshake-default.css
index 7485339..3a68703 100644
--- a/dist/csshake-default.css
+++ b/dist/csshake-default.css
@@ -10,121 +10,113 @@
display: inherit;
transform-origin: center center; }
-.shake-freeze,
-.shake-constant.shake-constant--hover:hover,
-.shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
-
-.shake-freeze:hover,
-.shake-trigger:hover .shake-freeze, .shake:hover,
-.shake-trigger:hover .shake {
- animation-play-state: running; }
-
@keyframes shake {
2% {
- transform: translate(-1.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(1.5px, -0.5px) rotate(0.5deg); }
4% {
- transform: translate(2.5px, 0.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
6% {
- transform: translate(1.5px, 1.5px) rotate(1.5deg); }
+ transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
8% {
- transform: translate(1.5px, 0.5px) rotate(1.5deg); }
+ transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
10% {
- transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(2.5px, 0.5px) rotate(0.5deg); }
12% {
- transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
+ transform: translate(0.5px, 1.5px) rotate(1.5deg); }
14% {
- transform: translate(2.5px, 1.5px) rotate(1.5deg); }
+ transform: translate(1.5px, 2.5px) rotate(0.5deg); }
16% {
- transform: translate(-0.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
18% {
- transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(2.5px, 2.5px) rotate(1.5deg); }
20% {
- transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
+ transform: translate(1.5px, -1.5px) rotate(-0.5deg); }
22% {
- transform: translate(2.5px, 2.5px) rotate(1.5deg); }
+ transform: translate(-1.5px, 1.5px) rotate(1.5deg); }
24% {
- transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
+ transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
26% {
- transform: translate(0.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
28% {
- transform: translate(1.5px, 0.5px) rotate(0.5deg); }
+ transform: translate(-1.5px, 2.5px) rotate(1.5deg); }
30% {
- transform: translate(1.5px, 2.5px) rotate(1.5deg); }
+ transform: translate(0.5px, 0.5px) rotate(1.5deg); }
32% {
- transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
34% {
- transform: translate(0.5px, 1.5px) rotate(0.5deg); }
+ transform: translate(-1.5px, -1.5px) rotate(1.5deg); }
36% {
- transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
38% {
- transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
40% {
- transform: translate(2.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(-1.5px, 2.5px) rotate(-0.5deg); }
42% {
- transform: translate(2.5px, 1.5px) rotate(1.5deg); }
+ transform: translate(-1.5px, 0.5px) rotate(1.5deg); }
44% {
- transform: translate(0.5px, 1.5px) rotate(1.5deg); }
+ transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
46% {
- transform: translate(0.5px, 1.5px) rotate(0.5deg); }
+ transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
48% {
- transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
50% {
- transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
52% {
- transform: translate(-1.5px, -0.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
54% {
- transform: translate(1.5px, 1.5px) rotate(0.5deg); }
+ transform: translate(-0.5px, 2.5px) rotate(0.5deg); }
56% {
- transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
+ transform: translate(0.5px, 0.5px) rotate(0.5deg); }
58% {
- transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
+ transform: translate(2.5px, 2.5px) rotate(0.5deg); }
60% {
- transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
62% {
- transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
+ transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
64% {
- transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
+ transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
66% {
- transform: translate(1.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(1.5px, -1.5px) rotate(1.5deg); }
68% {
- transform: translate(0.5px, -1.5px) rotate(1.5deg); }
+ transform: translate(0.5px, 0.5px) rotate(1.5deg); }
70% {
- transform: translate(0.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(2.5px, 0.5px) rotate(0.5deg); }
72% {
- transform: translate(2.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(-1.5px, -1.5px) rotate(1.5deg); }
74% {
- transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
+ transform: translate(0.5px, -0.5px) rotate(1.5deg); }
76% {
- transform: translate(1.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(2.5px, 1.5px) rotate(0.5deg); }
78% {
- transform: translate(2.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(2.5px, 2.5px) rotate(1.5deg); }
80% {
- transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
+ transform: translate(0.5px, 1.5px) rotate(0.5deg); }
82% {
- transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
84% {
- transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
+ transform: translate(2.5px, -1.5px) rotate(0.5deg); }
86% {
- transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
+ transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
88% {
- transform: translate(2.5px, 0.5px) rotate(0.5deg); }
+ transform: translate(0.5px, 2.5px) rotate(1.5deg); }
90% {
- transform: translate(1.5px, 2.5px) rotate(0.5deg); }
+ transform: translate(0.5px, -0.5px) rotate(0.5deg); }
92% {
- transform: translate(-1.5px, 1.5px) rotate(-0.5deg); }
+ transform: translate(2.5px, 1.5px) rotate(0.5deg); }
94% {
- transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
+ transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
96% {
- transform: translate(1.5px, 0.5px) rotate(0.5deg); }
+ transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
98% {
- transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
+ transform: translate(1.5px, -0.5px) rotate(0.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake:hover,
-.shake-trigger:hover .shake, .shake.shake-freeze, .shake.shake-constant {
+.shake {
animation-name: shake;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake.infinite {
animation-iteration-count: infinite; }
diff --git a/dist/csshake-default.min.css b/dist/csshake-default.min.css
index 0776f16..e5c5a47 100644
--- a/dist/csshake-default.min.css
+++ b/dist/csshake-default.min.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake:hover,.shake-trigger:hover .shake{animation-play-state:running}@keyframes shake{2%{transform:translate(1.5px, .5px) rotate(-.5deg)}4%{transform:translate(.5px, 2.5px) rotate(.5deg)}6%{transform:translate(2.5px, -1.5px) rotate(-.5deg)}8%{transform:translate(-1.5px, .5px) rotate(-.5deg)}10%{transform:translate(-.5px, 1.5px) rotate(.5deg)}12%{transform:translate(2.5px, .5px) rotate(.5deg)}14%{transform:translate(1.5px, -1.5px) rotate(.5deg)}16%{transform:translate(2.5px, -1.5px) rotate(1.5deg)}18%{transform:translate(.5px, -1.5px) rotate(.5deg)}20%{transform:translate(-.5px, .5px) rotate(.5deg)}22%{transform:translate(2.5px, -1.5px) rotate(-.5deg)}24%{transform:translate(2.5px, 1.5px) rotate(1.5deg)}26%{transform:translate(1.5px, 2.5px) rotate(.5deg)}28%{transform:translate(1.5px, 1.5px) rotate(.5deg)}30%{transform:translate(-.5px, 1.5px) rotate(-.5deg)}32%{transform:translate(2.5px, 2.5px) rotate(1.5deg)}34%{transform:translate(2.5px, -.5px) rotate(1.5deg)}36%{transform:translate(-1.5px, -.5px) rotate(-.5deg)}38%{transform:translate(-.5px, -.5px) rotate(.5deg)}40%{transform:translate(.5px, 2.5px) rotate(1.5deg)}42%{transform:translate(.5px, 1.5px) rotate(.5deg)}44%{transform:translate(-1.5px, -.5px) rotate(.5deg)}46%{transform:translate(1.5px, 1.5px) rotate(.5deg)}48%{transform:translate(-.5px, -.5px) rotate(1.5deg)}50%{transform:translate(2.5px, .5px) rotate(.5deg)}52%{transform:translate(2.5px, -.5px) rotate(1.5deg)}54%{transform:translate(.5px, -1.5px) rotate(-.5deg)}56%{transform:translate(-1.5px, -1.5px) rotate(-.5deg)}58%{transform:translate(.5px, -.5px) rotate(.5deg)}60%{transform:translate(-.5px, .5px) rotate(-.5deg)}62%{transform:translate(2.5px, 2.5px) rotate(.5deg)}64%{transform:translate(2.5px, 1.5px) rotate(.5deg)}66%{transform:translate(-1.5px, -.5px) rotate(.5deg)}68%{transform:translate(.5px, -.5px) rotate(1.5deg)}70%{transform:translate(.5px, -.5px) rotate(-.5deg)}72%{transform:translate(-.5px, 2.5px) rotate(-.5deg)}74%{transform:translate(1.5px, 2.5px) rotate(.5deg)}76%{transform:translate(1.5px, 2.5px) rotate(1.5deg)}78%{transform:translate(-1.5px, -.5px) rotate(-.5deg)}80%{transform:translate(2.5px, -.5px) rotate(.5deg)}82%{transform:translate(-1.5px, -.5px) rotate(-.5deg)}84%{transform:translate(.5px, -1.5px) rotate(-.5deg)}86%{transform:translate(-.5px, 2.5px) rotate(.5deg)}88%{transform:translate(2.5px, .5px) rotate(.5deg)}90%{transform:translate(2.5px, -.5px) rotate(1.5deg)}92%{transform:translate(2.5px, 1.5px) rotate(-.5deg)}94%{transform:translate(1.5px, 2.5px) rotate(-.5deg)}96%{transform:translate(2.5px, -1.5px) rotate(-.5deg)}98%{transform:translate(-.5px, .5px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake:hover,.shake-trigger:hover .shake,.shake.shake-freeze,.shake.shake-constant{animation-name:shake;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake{display:inherit;transform-origin:center center}@keyframes shake{2%{transform:translate(1.5px, 2.5px) rotate(-.5deg)}4%{transform:translate(1.5px, 2.5px) rotate(.5deg)}6%{transform:translate(1.5px, 2.5px) rotate(1.5deg)}8%{transform:translate(2.5px, .5px) rotate(.5deg)}10%{transform:translate(-.5px, 1.5px) rotate(-.5deg)}12%{transform:translate(-1.5px, .5px) rotate(.5deg)}14%{transform:translate(.5px, .5px) rotate(1.5deg)}16%{transform:translate(-.5px, .5px) rotate(.5deg)}18%{transform:translate(-.5px, -.5px) rotate(-.5deg)}20%{transform:translate(-.5px, 1.5px) rotate(.5deg)}22%{transform:translate(1.5px, 2.5px) rotate(-.5deg)}24%{transform:translate(.5px, -.5px) rotate(.5deg)}26%{transform:translate(1.5px, .5px) rotate(.5deg)}28%{transform:translate(1.5px, -.5px) rotate(-.5deg)}30%{transform:translate(.5px, .5px) rotate(.5deg)}32%{transform:translate(2.5px, 1.5px) rotate(-.5deg)}34%{transform:translate(2.5px, 2.5px) rotate(-.5deg)}36%{transform:translate(1.5px, -.5px) rotate(.5deg)}38%{transform:translate(2.5px, 2.5px) rotate(1.5deg)}40%{transform:translate(-1.5px, 1.5px) rotate(1.5deg)}42%{transform:translate(1.5px, -1.5px) rotate(.5deg)}44%{transform:translate(2.5px, 1.5px) rotate(-.5deg)}46%{transform:translate(.5px, 1.5px) rotate(-.5deg)}48%{transform:translate(1.5px, 2.5px) rotate(1.5deg)}50%{transform:translate(2.5px, 2.5px) rotate(1.5deg)}52%{transform:translate(1.5px, .5px) rotate(1.5deg)}54%{transform:translate(2.5px, 2.5px) rotate(-.5deg)}56%{transform:translate(-1.5px, -1.5px) rotate(1.5deg)}58%{transform:translate(1.5px, .5px) rotate(-.5deg)}60%{transform:translate(.5px, -.5px) rotate(.5deg)}62%{transform:translate(2.5px, 2.5px) rotate(.5deg)}64%{transform:translate(.5px, 2.5px) rotate(1.5deg)}66%{transform:translate(.5px, -.5px) rotate(-.5deg)}68%{transform:translate(.5px, 1.5px) rotate(.5deg)}70%{transform:translate(2.5px, -.5px) rotate(1.5deg)}72%{transform:translate(-.5px, -1.5px) rotate(-.5deg)}74%{transform:translate(-1.5px, .5px) rotate(.5deg)}76%{transform:translate(.5px, -1.5px) rotate(1.5deg)}78%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}80%{transform:translate(2.5px, .5px) rotate(.5deg)}82%{transform:translate(-.5px, -1.5px) rotate(-.5deg)}84%{transform:translate(.5px, .5px) rotate(1.5deg)}86%{transform:translate(2.5px, .5px) rotate(.5deg)}88%{transform:translate(2.5px, 1.5px) rotate(-.5deg)}90%{transform:translate(1.5px, 1.5px) rotate(1.5deg)}92%{transform:translate(1.5px, 2.5px) rotate(-.5deg)}94%{transform:translate(2.5px, .5px) rotate(.5deg)}96%{transform:translate(-1.5px, -1.5px) rotate(1.5deg)}98%{transform:translate(2.5px, -1.5px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake{animation-name:shake;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake.infinite{animation-iteration-count:infinite}
diff --git a/dist/csshake-hard.css b/dist/csshake-hard.css
index ed42fa3..3847c98 100644
--- a/dist/csshake-hard.css
+++ b/dist/csshake-hard.css
@@ -10,121 +10,113 @@
display: inherit;
transform-origin: center center; }
-.shake-freeze,
-.shake-constant.shake-constant--hover:hover,
-.shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
-
-.shake-freeze:hover,
-.shake-trigger:hover .shake-freeze, .shake-hard:hover,
-.shake-trigger:hover .shake-hard {
- animation-play-state: running; }
-
@keyframes shake-hard {
2% {
- transform: translate(-7px, 0px) rotate(3.5deg); }
+ transform: translate(9px, 9px) rotate(2.5deg); }
4% {
- transform: translate(1px, 1px) rotate(-1.5deg); }
+ transform: translate(-5px, -3px) rotate(-0.5deg); }
6% {
- transform: translate(-7px, -6px) rotate(-1.5deg); }
+ transform: translate(6px, 8px) rotate(-2.5deg); }
8% {
- transform: translate(-8px, -8px) rotate(1.5deg); }
+ transform: translate(-8px, 6px) rotate(2.5deg); }
10% {
- transform: translate(-4px, 6px) rotate(-2.5deg); }
+ transform: translate(-5px, 0px) rotate(3.5deg); }
12% {
- transform: translate(-7px, -3px) rotate(2.5deg); }
+ transform: translate(-4px, -2px) rotate(-2.5deg); }
14% {
- transform: translate(10px, 9px) rotate(-1.5deg); }
+ transform: translate(8px, -2px) rotate(0.5deg); }
16% {
- transform: translate(-9px, 8px) rotate(0.5deg); }
+ transform: translate(-7px, 5px) rotate(3.5deg); }
18% {
- transform: translate(-4px, 0px) rotate(3.5deg); }
+ transform: translate(1px, 9px) rotate(-1.5deg); }
20% {
- transform: translate(-4px, 0px) rotate(2.5deg); }
+ transform: translate(-6px, 7px) rotate(-2.5deg); }
22% {
- transform: translate(-7px, 4px) rotate(3.5deg); }
+ transform: translate(-4px, -1px) rotate(0.5deg); }
24% {
- transform: translate(-7px, 2px) rotate(1.5deg); }
+ transform: translate(-8px, 10px) rotate(-1.5deg); }
26% {
- transform: translate(10px, -9px) rotate(2.5deg); }
+ transform: translate(-1px, 4px) rotate(-1.5deg); }
28% {
- transform: translate(9px, -1px) rotate(0.5deg); }
+ transform: translate(0px, -7px) rotate(0.5deg); }
30% {
- transform: translate(-6px, -5px) rotate(3.5deg); }
+ transform: translate(1px, -7px) rotate(-2.5deg); }
32% {
- transform: translate(-2px, 8px) rotate(0.5deg); }
+ transform: translate(1px, -8px) rotate(2.5deg); }
34% {
- transform: translate(-3px, 5px) rotate(2.5deg); }
+ transform: translate(6px, -6px) rotate(3.5deg); }
36% {
- transform: translate(4px, 1px) rotate(-2.5deg); }
+ transform: translate(7px, 8px) rotate(-0.5deg); }
38% {
- transform: translate(7px, 4px) rotate(0.5deg); }
+ transform: translate(7px, 6px) rotate(1.5deg); }
40% {
- transform: translate(-5px, -2px) rotate(2.5deg); }
+ transform: translate(-1px, 7px) rotate(3.5deg); }
42% {
- transform: translate(-9px, -7px) rotate(-0.5deg); }
+ transform: translate(2px, 3px) rotate(-1.5deg); }
44% {
- transform: translate(-2px, 10px) rotate(-1.5deg); }
+ transform: translate(0px, 4px) rotate(-1.5deg); }
46% {
- transform: translate(-4px, 4px) rotate(1.5deg); }
+ transform: translate(-1px, -4px) rotate(3.5deg); }
48% {
- transform: translate(0px, 9px) rotate(-2.5deg); }
+ transform: translate(4px, 9px) rotate(-0.5deg); }
50% {
- transform: translate(-5px, -7px) rotate(3.5deg); }
+ transform: translate(6px, -3px) rotate(-0.5deg); }
52% {
- transform: translate(-7px, -8px) rotate(1.5deg); }
+ transform: translate(0px, 5px) rotate(0.5deg); }
54% {
- transform: translate(-7px, 9px) rotate(3.5deg); }
+ transform: translate(10px, -6px) rotate(3.5deg); }
56% {
- transform: translate(6px, 9px) rotate(-1.5deg); }
+ transform: translate(7px, -8px) rotate(-2.5deg); }
58% {
- transform: translate(9px, 3px) rotate(2.5deg); }
+ transform: translate(7px, -3px) rotate(-1.5deg); }
60% {
- transform: translate(3px, -7px) rotate(2.5deg); }
+ transform: translate(10px, -7px) rotate(2.5deg); }
62% {
- transform: translate(2px, 7px) rotate(0.5deg); }
+ transform: translate(4px, -3px) rotate(1.5deg); }
64% {
- transform: translate(-8px, 4px) rotate(-0.5deg); }
+ transform: translate(6px, -6px) rotate(0.5deg); }
66% {
- transform: translate(1px, -8px) rotate(2.5deg); }
+ transform: translate(4px, 3px) rotate(-0.5deg); }
68% {
- transform: translate(4px, -1px) rotate(2.5deg); }
+ transform: translate(-1px, 0px) rotate(1.5deg); }
70% {
- transform: translate(8px, -7px) rotate(-1.5deg); }
+ transform: translate(4px, -4px) rotate(3.5deg); }
72% {
- transform: translate(8px, 5px) rotate(0.5deg); }
+ transform: translate(0px, 5px) rotate(0.5deg); }
74% {
- transform: translate(9px, -9px) rotate(-2.5deg); }
+ transform: translate(8px, 0px) rotate(-2.5deg); }
76% {
- transform: translate(3px, -5px) rotate(-1.5deg); }
+ transform: translate(0px, 6px) rotate(-0.5deg); }
78% {
- transform: translate(2px, 10px) rotate(-0.5deg); }
+ transform: translate(-4px, -5px) rotate(-2.5deg); }
80% {
- transform: translate(7px, 7px) rotate(3.5deg); }
+ transform: translate(2px, 5px) rotate(-1.5deg); }
82% {
- transform: translate(8px, 1px) rotate(-1.5deg); }
+ transform: translate(6px, -3px) rotate(-2.5deg); }
84% {
- transform: translate(-9px, 7px) rotate(-2.5deg); }
+ transform: translate(2px, -5px) rotate(0.5deg); }
86% {
- transform: translate(-1px, 0px) rotate(0.5deg); }
+ transform: translate(8px, -5px) rotate(-0.5deg); }
88% {
- transform: translate(0px, 4px) rotate(-2.5deg); }
+ transform: translate(-4px, 6px) rotate(-0.5deg); }
90% {
- transform: translate(-6px, -3px) rotate(-0.5deg); }
+ transform: translate(-8px, -7px) rotate(0.5deg); }
92% {
- transform: translate(7px, 1px) rotate(-2.5deg); }
+ transform: translate(9px, 4px) rotate(0.5deg); }
94% {
- transform: translate(6px, 4px) rotate(2.5deg); }
+ transform: translate(0px, 4px) rotate(3.5deg); }
96% {
- transform: translate(-8px, 9px) rotate(3.5deg); }
+ transform: translate(-6px, -3px) rotate(-2.5deg); }
98% {
- transform: translate(-9px, -8px) rotate(2.5deg); }
+ transform: translate(1px, 10px) rotate(3.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-hard:hover,
-.shake-trigger:hover .shake-hard, .shake-hard.shake-freeze, .shake-hard.shake-constant {
+.shake-hard {
animation-name: shake-hard;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-hard.infinite {
animation-iteration-count: infinite; }
diff --git a/dist/csshake-hard.min.css b/dist/csshake-hard.min.css
index 7f057db..15d0645 100644
--- a/dist/csshake-hard.min.css
+++ b/dist/csshake-hard.min.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake-hard{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-hard:hover,.shake-trigger:hover .shake-hard{animation-play-state:running}@keyframes shake-hard{2%{transform:translate(3px, 1px) rotate(3.5deg)}4%{transform:translate(3px, -2px) rotate(.5deg)}6%{transform:translate(8px, 2px) rotate(3.5deg)}8%{transform:translate(8px, -7px) rotate(-2.5deg)}10%{transform:translate(1px, 5px) rotate(2.5deg)}12%{transform:translate(8px, -8px) rotate(-.5deg)}14%{transform:translate(-5px, -3px) rotate(-1.5deg)}16%{transform:translate(-4px, -9px) rotate(-2.5deg)}18%{transform:translate(-7px, 4px) rotate(-1.5deg)}20%{transform:translate(-3px, -9px) rotate(3.5deg)}22%{transform:translate(9px, -6px) rotate(-2.5deg)}24%{transform:translate(4px, -3px) rotate(-1.5deg)}26%{transform:translate(-6px, 8px) rotate(3.5deg)}28%{transform:translate(1px, 10px) rotate(.5deg)}30%{transform:translate(0px, 5px) rotate(.5deg)}32%{transform:translate(2px, -9px) rotate(.5deg)}34%{transform:translate(-5px, -3px) rotate(2.5deg)}36%{transform:translate(-5px, -8px) rotate(-2.5deg)}38%{transform:translate(-9px, -4px) rotate(-2.5deg)}40%{transform:translate(-7px, -1px) rotate(-2.5deg)}42%{transform:translate(-5px, 1px) rotate(-.5deg)}44%{transform:translate(-5px, -3px) rotate(3.5deg)}46%{transform:translate(-8px, 5px) rotate(1.5deg)}48%{transform:translate(9px, 5px) rotate(1.5deg)}50%{transform:translate(5px, 3px) rotate(2.5deg)}52%{transform:translate(7px, 10px) rotate(-.5deg)}54%{transform:translate(-6px, 9px) rotate(3.5deg)}56%{transform:translate(-2px, 1px) rotate(-1.5deg)}58%{transform:translate(7px, 3px) rotate(-1.5deg)}60%{transform:translate(-9px, 4px) rotate(3.5deg)}62%{transform:translate(-3px, -6px) rotate(1.5deg)}64%{transform:translate(-3px, -9px) rotate(1.5deg)}66%{transform:translate(5px, 2px) rotate(-1.5deg)}68%{transform:translate(10px, 3px) rotate(-2.5deg)}70%{transform:translate(-4px, 6px) rotate(3.5deg)}72%{transform:translate(-2px, -6px) rotate(2.5deg)}74%{transform:translate(4px, -2px) rotate(-.5deg)}76%{transform:translate(-4px, -5px) rotate(3.5deg)}78%{transform:translate(9px, 4px) rotate(.5deg)}80%{transform:translate(-7px, -2px) rotate(3.5deg)}82%{transform:translate(-5px, -7px) rotate(-2.5deg)}84%{transform:translate(-3px, 1px) rotate(-2.5deg)}86%{transform:translate(-9px, 3px) rotate(2.5deg)}88%{transform:translate(-5px, -2px) rotate(2.5deg)}90%{transform:translate(7px, -2px) rotate(.5deg)}92%{transform:translate(-2px, 9px) rotate(-2.5deg)}94%{transform:translate(-8px, 8px) rotate(-.5deg)}96%{transform:translate(1px, -4px) rotate(3.5deg)}98%{transform:translate(-9px, 8px) rotate(-1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-hard:hover,.shake-trigger:hover .shake-hard,.shake-hard.shake-freeze,.shake-hard.shake-constant{animation-name:shake-hard;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake-hard{display:inherit;transform-origin:center center}@keyframes shake-hard{2%{transform:translate(-3px, 3px) rotate(1.5deg)}4%{transform:translate(-2px, 7px) rotate(.5deg)}6%{transform:translate(4px, -7px) rotate(-.5deg)}8%{transform:translate(1px, 2px) rotate(2.5deg)}10%{transform:translate(-4px, -2px) rotate(2.5deg)}12%{transform:translate(-3px, -6px) rotate(3.5deg)}14%{transform:translate(7px, -5px) rotate(1.5deg)}16%{transform:translate(10px, -6px) rotate(1.5deg)}18%{transform:translate(6px, -4px) rotate(3.5deg)}20%{transform:translate(0px, 2px) rotate(3.5deg)}22%{transform:translate(-3px, -6px) rotate(-.5deg)}24%{transform:translate(2px, 4px) rotate(-.5deg)}26%{transform:translate(-2px, 4px) rotate(-2.5deg)}28%{transform:translate(-8px, 3px) rotate(-.5deg)}30%{transform:translate(-6px, 3px) rotate(.5deg)}32%{transform:translate(-2px, 10px) rotate(2.5deg)}34%{transform:translate(2px, 9px) rotate(-2.5deg)}36%{transform:translate(5px, 10px) rotate(3.5deg)}38%{transform:translate(5px, 4px) rotate(.5deg)}40%{transform:translate(-4px, 4px) rotate(3.5deg)}42%{transform:translate(2px, -3px) rotate(-1.5deg)}44%{transform:translate(-5px, 2px) rotate(-.5deg)}46%{transform:translate(-6px, -5px) rotate(-1.5deg)}48%{transform:translate(-2px, 3px) rotate(-1.5deg)}50%{transform:translate(0px, 10px) rotate(-.5deg)}52%{transform:translate(9px, -1px) rotate(2.5deg)}54%{transform:translate(6px, -1px) rotate(-1.5deg)}56%{transform:translate(-7px, 6px) rotate(-1.5deg)}58%{transform:translate(2px, 6px) rotate(-2.5deg)}60%{transform:translate(-8px, 10px) rotate(.5deg)}62%{transform:translate(-3px, 7px) rotate(2.5deg)}64%{transform:translate(10px, 3px) rotate(2.5deg)}66%{transform:translate(-5px, -5px) rotate(1.5deg)}68%{transform:translate(-5px, 0px) rotate(2.5deg)}70%{transform:translate(-2px, -8px) rotate(-.5deg)}72%{transform:translate(-5px, -5px) rotate(-1.5deg)}74%{transform:translate(-8px, 10px) rotate(-.5deg)}76%{transform:translate(-2px, -1px) rotate(3.5deg)}78%{transform:translate(4px, 3px) rotate(-.5deg)}80%{transform:translate(3px, 7px) rotate(-1.5deg)}82%{transform:translate(8px, 3px) rotate(3.5deg)}84%{transform:translate(8px, -2px) rotate(2.5deg)}86%{transform:translate(1px, 2px) rotate(-1.5deg)}88%{transform:translate(4px, 2px) rotate(2.5deg)}90%{transform:translate(-5px, -6px) rotate(.5deg)}92%{transform:translate(-7px, -3px) rotate(-.5deg)}94%{transform:translate(10px, -6px) rotate(-1.5deg)}96%{transform:translate(9px, -3px) rotate(3.5deg)}98%{transform:translate(9px, -7px) rotate(3.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-hard{animation-name:shake-hard;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-hard.infinite{animation-iteration-count:infinite}
diff --git a/dist/csshake-horizontal.css b/dist/csshake-horizontal.css
index 2270acc..cd4f5b2 100644
--- a/dist/csshake-horizontal.css
+++ b/dist/csshake-horizontal.css
@@ -10,121 +10,113 @@
display: inherit;
transform-origin: center center; }
-.shake-freeze,
-.shake-constant.shake-constant--hover:hover,
-.shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
-
-.shake-freeze:hover,
-.shake-trigger:hover .shake-freeze, .shake-horizontal:hover,
-.shake-trigger:hover .shake-horizontal {
- animation-play-state: running; }
-
@keyframes shake-horizontal {
2% {
- transform: translate(-6px, 0) rotate(0); }
+ transform: translate(-8px, 0) rotate(0); }
4% {
- transform: translate(9px, 0) rotate(0); }
+ transform: translate(0px, 0) rotate(0); }
6% {
- transform: translate(-6px, 0) rotate(0); }
+ transform: translate(6px, 0) rotate(0); }
8% {
- transform: translate(-2px, 0) rotate(0); }
+ transform: translate(1px, 0) rotate(0); }
10% {
- transform: translate(8px, 0) rotate(0); }
+ transform: translate(-1px, 0) rotate(0); }
12% {
- transform: translate(-6px, 0) rotate(0); }
+ transform: translate(-1px, 0) rotate(0); }
14% {
- transform: translate(0px, 0) rotate(0); }
+ transform: translate(-7px, 0) rotate(0); }
16% {
- transform: translate(-1px, 0) rotate(0); }
+ transform: translate(3px, 0) rotate(0); }
18% {
- transform: translate(9px, 0) rotate(0); }
+ transform: translate(-9px, 0) rotate(0); }
20% {
- transform: translate(-4px, 0) rotate(0); }
- 22% {
transform: translate(-6px, 0) rotate(0); }
+ 22% {
+ transform: translate(-4px, 0) rotate(0); }
24% {
- transform: translate(-5px, 0) rotate(0); }
+ transform: translate(9px, 0) rotate(0); }
26% {
- transform: translate(-9px, 0) rotate(0); }
+ transform: translate(-8px, 0) rotate(0); }
28% {
- transform: translate(-4px, 0) rotate(0); }
+ transform: translate(3px, 0) rotate(0); }
30% {
- transform: translate(2px, 0) rotate(0); }
+ transform: translate(10px, 0) rotate(0); }
32% {
- transform: translate(0px, 0) rotate(0); }
+ transform: translate(6px, 0) rotate(0); }
34% {
- transform: translate(0px, 0) rotate(0); }
+ transform: translate(9px, 0) rotate(0); }
36% {
- transform: translate(1px, 0) rotate(0); }
+ transform: translate(-3px, 0) rotate(0); }
38% {
- transform: translate(-1px, 0) rotate(0); }
+ transform: translate(-5px, 0) rotate(0); }
40% {
- transform: translate(0px, 0) rotate(0); }
- 42% {
transform: translate(1px, 0) rotate(0); }
+ 42% {
+ transform: translate(-7px, 0) rotate(0); }
44% {
- transform: translate(-8px, 0) rotate(0); }
+ transform: translate(4px, 0) rotate(0); }
46% {
- transform: translate(-8px, 0) rotate(0); }
+ transform: translate(-5px, 0) rotate(0); }
48% {
- transform: translate(8px, 0) rotate(0); }
+ transform: translate(2px, 0) rotate(0); }
50% {
- transform: translate(3px, 0) rotate(0); }
+ transform: translate(8px, 0) rotate(0); }
52% {
- transform: translate(-4px, 0) rotate(0); }
+ transform: translate(-7px, 0) rotate(0); }
54% {
- transform: translate(3px, 0) rotate(0); }
+ transform: translate(7px, 0) rotate(0); }
56% {
- transform: translate(-8px, 0) rotate(0); }
+ transform: translate(1px, 0) rotate(0); }
58% {
transform: translate(0px, 0) rotate(0); }
60% {
- transform: translate(-9px, 0) rotate(0); }
+ transform: translate(-7px, 0) rotate(0); }
62% {
- transform: translate(-4px, 0) rotate(0); }
+ transform: translate(3px, 0) rotate(0); }
64% {
- transform: translate(2px, 0) rotate(0); }
+ transform: translate(-5px, 0) rotate(0); }
66% {
- transform: translate(1px, 0) rotate(0); }
+ transform: translate(10px, 0) rotate(0); }
68% {
- transform: translate(-7px, 0) rotate(0); }
+ transform: translate(7px, 0) rotate(0); }
70% {
- transform: translate(-8px, 0) rotate(0); }
+ transform: translate(3px, 0) rotate(0); }
72% {
- transform: translate(5px, 0) rotate(0); }
+ transform: translate(-4px, 0) rotate(0); }
74% {
- transform: translate(-7px, 0) rotate(0); }
+ transform: translate(-1px, 0) rotate(0); }
76% {
transform: translate(6px, 0) rotate(0); }
78% {
- transform: translate(-6px, 0) rotate(0); }
+ transform: translate(8px, 0) rotate(0); }
80% {
- transform: translate(4px, 0) rotate(0); }
+ transform: translate(1px, 0) rotate(0); }
82% {
- transform: translate(-8px, 0) rotate(0); }
+ transform: translate(9px, 0) rotate(0); }
84% {
- transform: translate(-3px, 0) rotate(0); }
+ transform: translate(10px, 0) rotate(0); }
86% {
- transform: translate(2px, 0) rotate(0); }
+ transform: translate(-2px, 0) rotate(0); }
88% {
- transform: translate(-1px, 0) rotate(0); }
+ transform: translate(7px, 0) rotate(0); }
90% {
- transform: translate(1px, 0) rotate(0); }
+ transform: translate(0px, 0) rotate(0); }
92% {
- transform: translate(-5px, 0) rotate(0); }
- 94% {
transform: translate(-8px, 0) rotate(0); }
+ 94% {
+ transform: translate(3px, 0) rotate(0); }
96% {
- transform: translate(0px, 0) rotate(0); }
+ transform: translate(7px, 0) rotate(0); }
98% {
- transform: translate(-8px, 0) rotate(0); }
+ transform: translate(-6px, 0) rotate(0); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-horizontal:hover,
-.shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {
+.shake-horizontal {
animation-name: shake-horizontal;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-horizontal.infinite {
animation-iteration-count: infinite; }
diff --git a/dist/csshake-horizontal.min.css b/dist/csshake-horizontal.min.css
index 7363a2f..8924fb5 100644
--- a/dist/csshake-horizontal.min.css
+++ b/dist/csshake-horizontal.min.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake-horizontal{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal{animation-play-state:running}@keyframes shake-horizontal{2%{transform:translate(6px, 0) rotate(0)}4%{transform:translate(5px, 0) rotate(0)}6%{transform:translate(0px, 0) rotate(0)}8%{transform:translate(-5px, 0) rotate(0)}10%{transform:translate(7px, 0) rotate(0)}12%{transform:translate(9px, 0) rotate(0)}14%{transform:translate(3px, 0) rotate(0)}16%{transform:translate(-7px, 0) rotate(0)}18%{transform:translate(-3px, 0) rotate(0)}20%{transform:translate(0px, 0) rotate(0)}22%{transform:translate(9px, 0) rotate(0)}24%{transform:translate(-7px, 0) rotate(0)}26%{transform:translate(0px, 0) rotate(0)}28%{transform:translate(-6px, 0) rotate(0)}30%{transform:translate(2px, 0) rotate(0)}32%{transform:translate(3px, 0) rotate(0)}34%{transform:translate(1px, 0) rotate(0)}36%{transform:translate(-1px, 0) rotate(0)}38%{transform:translate(0px, 0) rotate(0)}40%{transform:translate(2px, 0) rotate(0)}42%{transform:translate(6px, 0) rotate(0)}44%{transform:translate(1px, 0) rotate(0)}46%{transform:translate(9px, 0) rotate(0)}48%{transform:translate(6px, 0) rotate(0)}50%{transform:translate(4px, 0) rotate(0)}52%{transform:translate(-4px, 0) rotate(0)}54%{transform:translate(10px, 0) rotate(0)}56%{transform:translate(8px, 0) rotate(0)}58%{transform:translate(5px, 0) rotate(0)}60%{transform:translate(6px, 0) rotate(0)}62%{transform:translate(3px, 0) rotate(0)}64%{transform:translate(-2px, 0) rotate(0)}66%{transform:translate(10px, 0) rotate(0)}68%{transform:translate(-5px, 0) rotate(0)}70%{transform:translate(-3px, 0) rotate(0)}72%{transform:translate(10px, 0) rotate(0)}74%{transform:translate(8px, 0) rotate(0)}76%{transform:translate(4px, 0) rotate(0)}78%{transform:translate(1px, 0) rotate(0)}80%{transform:translate(9px, 0) rotate(0)}82%{transform:translate(9px, 0) rotate(0)}84%{transform:translate(-4px, 0) rotate(0)}86%{transform:translate(-4px, 0) rotate(0)}88%{transform:translate(6px, 0) rotate(0)}90%{transform:translate(5px, 0) rotate(0)}92%{transform:translate(-7px, 0) rotate(0)}94%{transform:translate(-4px, 0) rotate(0)}96%{transform:translate(-4px, 0) rotate(0)}98%{transform:translate(4px, 0) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal,.shake-horizontal.shake-freeze,.shake-horizontal.shake-constant{animation-name:shake-horizontal;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake-horizontal{display:inherit;transform-origin:center center}@keyframes shake-horizontal{2%{transform:translate(6px, 0) rotate(0)}4%{transform:translate(7px, 0) rotate(0)}6%{transform:translate(8px, 0) rotate(0)}8%{transform:translate(-8px, 0) rotate(0)}10%{transform:translate(5px, 0) rotate(0)}12%{transform:translate(-5px, 0) rotate(0)}14%{transform:translate(-1px, 0) rotate(0)}16%{transform:translate(8px, 0) rotate(0)}18%{transform:translate(8px, 0) rotate(0)}20%{transform:translate(10px, 0) rotate(0)}22%{transform:translate(-5px, 0) rotate(0)}24%{transform:translate(3px, 0) rotate(0)}26%{transform:translate(-7px, 0) rotate(0)}28%{transform:translate(-5px, 0) rotate(0)}30%{transform:translate(-6px, 0) rotate(0)}32%{transform:translate(2px, 0) rotate(0)}34%{transform:translate(4px, 0) rotate(0)}36%{transform:translate(3px, 0) rotate(0)}38%{transform:translate(-5px, 0) rotate(0)}40%{transform:translate(2px, 0) rotate(0)}42%{transform:translate(-7px, 0) rotate(0)}44%{transform:translate(9px, 0) rotate(0)}46%{transform:translate(4px, 0) rotate(0)}48%{transform:translate(-9px, 0) rotate(0)}50%{transform:translate(-1px, 0) rotate(0)}52%{transform:translate(-7px, 0) rotate(0)}54%{transform:translate(6px, 0) rotate(0)}56%{transform:translate(3px, 0) rotate(0)}58%{transform:translate(7px, 0) rotate(0)}60%{transform:translate(2px, 0) rotate(0)}62%{transform:translate(10px, 0) rotate(0)}64%{transform:translate(-1px, 0) rotate(0)}66%{transform:translate(2px, 0) rotate(0)}68%{transform:translate(-7px, 0) rotate(0)}70%{transform:translate(5px, 0) rotate(0)}72%{transform:translate(5px, 0) rotate(0)}74%{transform:translate(2px, 0) rotate(0)}76%{transform:translate(6px, 0) rotate(0)}78%{transform:translate(6px, 0) rotate(0)}80%{transform:translate(2px, 0) rotate(0)}82%{transform:translate(-2px, 0) rotate(0)}84%{transform:translate(-5px, 0) rotate(0)}86%{transform:translate(2px, 0) rotate(0)}88%{transform:translate(8px, 0) rotate(0)}90%{transform:translate(-4px, 0) rotate(0)}92%{transform:translate(1px, 0) rotate(0)}94%{transform:translate(2px, 0) rotate(0)}96%{transform:translate(1px, 0) rotate(0)}98%{transform:translate(5px, 0) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-horizontal{animation-name:shake-horizontal;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-horizontal.infinite{animation-iteration-count:infinite}
diff --git a/dist/csshake-little.css b/dist/csshake-little.css
index 830cfd8..281e844 100644
--- a/dist/csshake-little.css
+++ b/dist/csshake-little.css
@@ -10,41 +10,31 @@
display: inherit;
transform-origin: center center; }
-.shake-freeze,
-.shake-constant.shake-constant--hover:hover,
-.shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
-
-.shake-freeze:hover,
-.shake-trigger:hover .shake-freeze, .shake-little:hover,
-.shake-trigger:hover .shake-little {
- animation-play-state: running; }
-
@keyframes shake-little {
2% {
transform: translate(0px, 0px) rotate(0.5deg); }
4% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
6% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
8% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
10% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
12% {
- transform: translate(1px, 0px) rotate(0.5deg); }
- 14% {
transform: translate(1px, 1px) rotate(0.5deg); }
+ 14% {
+ transform: translate(0px, 1px) rotate(0.5deg); }
16% {
transform: translate(0px, 1px) rotate(0.5deg); }
18% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
20% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
22% {
- transform: translate(0px, 1px) rotate(0.5deg); }
- 24% {
transform: translate(0px, 0px) rotate(0.5deg); }
+ 24% {
+ transform: translate(1px, 1px) rotate(0.5deg); }
26% {
transform: translate(0px, 1px) rotate(0.5deg); }
28% {
@@ -54,77 +44,79 @@
32% {
transform: translate(0px, 1px) rotate(0.5deg); }
34% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
36% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
38% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
40% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
42% {
transform: translate(0px, 1px) rotate(0.5deg); }
44% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
46% {
- transform: translate(0px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
48% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
50% {
transform: translate(1px, 1px) rotate(0.5deg); }
52% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
54% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
56% {
- transform: translate(0px, 0px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
58% {
transform: translate(1px, 0px) rotate(0.5deg); }
60% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
62% {
- transform: translate(0px, 0px) rotate(0.5deg); }
- 64% {
transform: translate(1px, 1px) rotate(0.5deg); }
+ 64% {
+ transform: translate(0px, 0px) rotate(0.5deg); }
66% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
68% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
70% {
- transform: translate(0px, 1px) rotate(0.5deg); }
- 72% {
transform: translate(1px, 0px) rotate(0.5deg); }
+ 72% {
+ transform: translate(0px, 1px) rotate(0.5deg); }
74% {
- transform: translate(0px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
76% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
78% {
- transform: translate(0px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
80% {
transform: translate(1px, 1px) rotate(0.5deg); }
82% {
- transform: translate(0px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
84% {
transform: translate(0px, 1px) rotate(0.5deg); }
86% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
88% {
transform: translate(0px, 0px) rotate(0.5deg); }
90% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
92% {
transform: translate(1px, 0px) rotate(0.5deg); }
94% {
- transform: translate(1px, 1px) rotate(0.5deg); }
- 96% {
transform: translate(0px, 1px) rotate(0.5deg); }
+ 96% {
+ transform: translate(0px, 0px) rotate(0.5deg); }
98% {
transform: translate(1px, 0px) rotate(0.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-little:hover,
-.shake-trigger:hover .shake-little, .shake-little.shake-freeze, .shake-little.shake-constant {
+.shake-little {
animation-name: shake-little;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-little.infinite {
animation-iteration-count: infinite; }
diff --git a/dist/csshake-little.min.css b/dist/csshake-little.min.css
index 16896c8..4a0a65a 100644
--- a/dist/csshake-little.min.css
+++ b/dist/csshake-little.min.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake-little{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-little:hover,.shake-trigger:hover .shake-little{animation-play-state:running}@keyframes shake-little{2%{transform:translate(1px, 0px) rotate(.5deg)}4%{transform:translate(1px, 0px) rotate(.5deg)}6%{transform:translate(1px, 1px) rotate(.5deg)}8%{transform:translate(0px, 0px) rotate(.5deg)}10%{transform:translate(1px, 0px) rotate(.5deg)}12%{transform:translate(1px, 1px) rotate(.5deg)}14%{transform:translate(1px, 1px) rotate(.5deg)}16%{transform:translate(1px, 1px) rotate(.5deg)}18%{transform:translate(0px, 1px) rotate(.5deg)}20%{transform:translate(1px, 0px) rotate(.5deg)}22%{transform:translate(1px, 0px) rotate(.5deg)}24%{transform:translate(1px, 0px) rotate(.5deg)}26%{transform:translate(1px, 1px) rotate(.5deg)}28%{transform:translate(0px, 0px) rotate(.5deg)}30%{transform:translate(1px, 0px) rotate(.5deg)}32%{transform:translate(1px, 0px) rotate(.5deg)}34%{transform:translate(0px, 0px) rotate(.5deg)}36%{transform:translate(0px, 1px) rotate(.5deg)}38%{transform:translate(0px, 0px) rotate(.5deg)}40%{transform:translate(1px, 0px) rotate(.5deg)}42%{transform:translate(1px, 1px) rotate(.5deg)}44%{transform:translate(1px, 0px) rotate(.5deg)}46%{transform:translate(1px, 1px) rotate(.5deg)}48%{transform:translate(1px, 0px) rotate(.5deg)}50%{transform:translate(1px, 0px) rotate(.5deg)}52%{transform:translate(0px, 1px) rotate(.5deg)}54%{transform:translate(0px, 1px) rotate(.5deg)}56%{transform:translate(0px, 0px) rotate(.5deg)}58%{transform:translate(1px, 0px) rotate(.5deg)}60%{transform:translate(0px, 0px) rotate(.5deg)}62%{transform:translate(0px, 0px) rotate(.5deg)}64%{transform:translate(1px, 0px) rotate(.5deg)}66%{transform:translate(1px, 1px) rotate(.5deg)}68%{transform:translate(1px, 0px) rotate(.5deg)}70%{transform:translate(1px, 0px) rotate(.5deg)}72%{transform:translate(1px, 0px) rotate(.5deg)}74%{transform:translate(1px, 1px) rotate(.5deg)}76%{transform:translate(1px, 0px) rotate(.5deg)}78%{transform:translate(0px, 0px) rotate(.5deg)}80%{transform:translate(1px, 1px) rotate(.5deg)}82%{transform:translate(1px, 1px) rotate(.5deg)}84%{transform:translate(1px, 0px) rotate(.5deg)}86%{transform:translate(1px, 0px) rotate(.5deg)}88%{transform:translate(0px, 1px) rotate(.5deg)}90%{transform:translate(1px, 1px) rotate(.5deg)}92%{transform:translate(1px, 0px) rotate(.5deg)}94%{transform:translate(0px, 1px) rotate(.5deg)}96%{transform:translate(0px, 1px) rotate(.5deg)}98%{transform:translate(1px, 1px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-little:hover,.shake-trigger:hover .shake-little,.shake-little.shake-freeze,.shake-little.shake-constant{animation-name:shake-little;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake-little{display:inherit;transform-origin:center center}@keyframes shake-little{2%{transform:translate(1px, 1px) rotate(.5deg)}4%{transform:translate(1px, 1px) rotate(.5deg)}6%{transform:translate(1px, 0px) rotate(.5deg)}8%{transform:translate(1px, 1px) rotate(.5deg)}10%{transform:translate(1px, 0px) rotate(.5deg)}12%{transform:translate(1px, 1px) rotate(.5deg)}14%{transform:translate(0px, 1px) rotate(.5deg)}16%{transform:translate(1px, 1px) rotate(.5deg)}18%{transform:translate(1px, 0px) rotate(.5deg)}20%{transform:translate(0px, 1px) rotate(.5deg)}22%{transform:translate(0px, 1px) rotate(.5deg)}24%{transform:translate(1px, 0px) rotate(.5deg)}26%{transform:translate(1px, 1px) rotate(.5deg)}28%{transform:translate(1px, 1px) rotate(.5deg)}30%{transform:translate(0px, 0px) rotate(.5deg)}32%{transform:translate(0px, 0px) rotate(.5deg)}34%{transform:translate(1px, 1px) rotate(.5deg)}36%{transform:translate(1px, 0px) rotate(.5deg)}38%{transform:translate(1px, 0px) rotate(.5deg)}40%{transform:translate(1px, 0px) rotate(.5deg)}42%{transform:translate(0px, 1px) rotate(.5deg)}44%{transform:translate(1px, 0px) rotate(.5deg)}46%{transform:translate(1px, 0px) rotate(.5deg)}48%{transform:translate(1px, 0px) rotate(.5deg)}50%{transform:translate(1px, 0px) rotate(.5deg)}52%{transform:translate(1px, 0px) rotate(.5deg)}54%{transform:translate(0px, 1px) rotate(.5deg)}56%{transform:translate(1px, 0px) rotate(.5deg)}58%{transform:translate(0px, 1px) rotate(.5deg)}60%{transform:translate(1px, 0px) rotate(.5deg)}62%{transform:translate(0px, 0px) rotate(.5deg)}64%{transform:translate(0px, 1px) rotate(.5deg)}66%{transform:translate(0px, 0px) rotate(.5deg)}68%{transform:translate(1px, 0px) rotate(.5deg)}70%{transform:translate(0px, 0px) rotate(.5deg)}72%{transform:translate(0px, 0px) rotate(.5deg)}74%{transform:translate(0px, 1px) rotate(.5deg)}76%{transform:translate(0px, 0px) rotate(.5deg)}78%{transform:translate(1px, 0px) rotate(.5deg)}80%{transform:translate(0px, 0px) rotate(.5deg)}82%{transform:translate(1px, 0px) rotate(.5deg)}84%{transform:translate(1px, 0px) rotate(.5deg)}86%{transform:translate(0px, 0px) rotate(.5deg)}88%{transform:translate(1px, 1px) rotate(.5deg)}90%{transform:translate(0px, 1px) rotate(.5deg)}92%{transform:translate(0px, 0px) rotate(.5deg)}94%{transform:translate(0px, 1px) rotate(.5deg)}96%{transform:translate(0px, 1px) rotate(.5deg)}98%{transform:translate(0px, 0px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-little{animation-name:shake-little;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-little.infinite{animation-iteration-count:infinite}
diff --git a/dist/csshake-rotate.css b/dist/csshake-rotate.css
index 5e1b18a..5737fa0 100644
--- a/dist/csshake-rotate.css
+++ b/dist/csshake-rotate.css
@@ -10,121 +10,113 @@
display: inherit;
transform-origin: center center; }
-.shake-freeze,
-.shake-constant.shake-constant--hover:hover,
-.shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
-
-.shake-freeze:hover,
-.shake-trigger:hover .shake-freeze, .shake-rotate:hover,
-.shake-trigger:hover .shake-rotate {
- animation-play-state: running; }
-
@keyframes shake-rotate {
2% {
- transform: translate(0, 0) rotate(4.5deg); }
+ transform: translate(0, 0) rotate(-2.5deg); }
4% {
- transform: translate(0, 0) rotate(-3.5deg); }
+ transform: translate(0, 0) rotate(7.5deg); }
6% {
- transform: translate(0, 0) rotate(1.5deg); }
+ transform: translate(0, 0) rotate(-2.5deg); }
8% {
- transform: translate(0, 0) rotate(-1.5deg); }
+ transform: translate(0, 0) rotate(0.5deg); }
10% {
- transform: translate(0, 0) rotate(5.5deg); }
+ transform: translate(0, 0) rotate(1.5deg); }
12% {
- transform: translate(0, 0) rotate(3.5deg); }
+ transform: translate(0, 0) rotate(4.5deg); }
14% {
- transform: translate(0, 0) rotate(-4.5deg); }
+ transform: translate(0, 0) rotate(-3.5deg); }
16% {
- transform: translate(0, 0) rotate(2.5deg); }
+ transform: translate(0, 0) rotate(1.5deg); }
18% {
- transform: translate(0, 0) rotate(-1.5deg); }
+ transform: translate(0, 0) rotate(-5.5deg); }
20% {
- transform: translate(0, 0) rotate(2.5deg); }
+ transform: translate(0, 0) rotate(6.5deg); }
22% {
- transform: translate(0, 0) rotate(-2.5deg); }
+ transform: translate(0, 0) rotate(3.5deg); }
24% {
- transform: translate(0, 0) rotate(-0.5deg); }
+ transform: translate(0, 0) rotate(0.5deg); }
26% {
- transform: translate(0, 0) rotate(7.5deg); }
+ transform: translate(0, 0) rotate(5.5deg); }
28% {
- transform: translate(0, 0) rotate(0.5deg); }
+ transform: translate(0, 0) rotate(-1.5deg); }
30% {
- transform: translate(0, 0) rotate(6.5deg); }
+ transform: translate(0, 0) rotate(1.5deg); }
32% {
- transform: translate(0, 0) rotate(-2.5deg); }
+ transform: translate(0, 0) rotate(-5.5deg); }
34% {
- transform: translate(0, 0) rotate(-1.5deg); }
+ transform: translate(0, 0) rotate(1.5deg); }
36% {
- transform: translate(0, 0) rotate(-1.5deg); }
+ transform: translate(0, 0) rotate(7.5deg); }
38% {
transform: translate(0, 0) rotate(-5.5deg); }
40% {
- transform: translate(0, 0) rotate(6.5deg); }
+ transform: translate(0, 0) rotate(-2.5deg); }
42% {
- transform: translate(0, 0) rotate(0.5deg); }
+ transform: translate(0, 0) rotate(6.5deg); }
44% {
- transform: translate(0, 0) rotate(-5.5deg); }
+ transform: translate(0, 0) rotate(3.5deg); }
46% {
- transform: translate(0, 0) rotate(2.5deg); }
+ transform: translate(0, 0) rotate(6.5deg); }
48% {
- transform: translate(0, 0) rotate(-2.5deg); }
+ transform: translate(0, 0) rotate(7.5deg); }
50% {
- transform: translate(0, 0) rotate(-5.5deg); }
+ transform: translate(0, 0) rotate(0.5deg); }
52% {
- transform: translate(0, 0) rotate(-3.5deg); }
+ transform: translate(0, 0) rotate(4.5deg); }
54% {
- transform: translate(0, 0) rotate(-3.5deg); }
+ transform: translate(0, 0) rotate(2.5deg); }
56% {
- transform: translate(0, 0) rotate(-4.5deg); }
+ transform: translate(0, 0) rotate(0.5deg); }
58% {
- transform: translate(0, 0) rotate(2.5deg); }
+ transform: translate(0, 0) rotate(1.5deg); }
60% {
- transform: translate(0, 0) rotate(-5.5deg); }
+ transform: translate(0, 0) rotate(6.5deg); }
62% {
- transform: translate(0, 0) rotate(-4.5deg); }
+ transform: translate(0, 0) rotate(-6.5deg); }
64% {
- transform: translate(0, 0) rotate(6.5deg); }
+ transform: translate(0, 0) rotate(-4.5deg); }
66% {
- transform: translate(0, 0) rotate(0.5deg); }
+ transform: translate(0, 0) rotate(-4.5deg); }
68% {
- transform: translate(0, 0) rotate(-1.5deg); }
+ transform: translate(0, 0) rotate(6.5deg); }
70% {
- transform: translate(0, 0) rotate(-6.5deg); }
+ transform: translate(0, 0) rotate(4.5deg); }
72% {
- transform: translate(0, 0) rotate(-2.5deg); }
+ transform: translate(0, 0) rotate(0.5deg); }
74% {
- transform: translate(0, 0) rotate(-5.5deg); }
+ transform: translate(0, 0) rotate(-1.5deg); }
76% {
- transform: translate(0, 0) rotate(-5.5deg); }
+ transform: translate(0, 0) rotate(-6.5deg); }
78% {
- transform: translate(0, 0) rotate(6.5deg); }
+ transform: translate(0, 0) rotate(4.5deg); }
80% {
- transform: translate(0, 0) rotate(-6.5deg); }
+ transform: translate(0, 0) rotate(-2.5deg); }
82% {
- transform: translate(0, 0) rotate(-4.5deg); }
+ transform: translate(0, 0) rotate(-1.5deg); }
84% {
- transform: translate(0, 0) rotate(-3.5deg); }
+ transform: translate(0, 0) rotate(6.5deg); }
86% {
- transform: translate(0, 0) rotate(1.5deg); }
- 88% {
transform: translate(0, 0) rotate(5.5deg); }
- 90% {
+ 88% {
transform: translate(0, 0) rotate(-0.5deg); }
+ 90% {
+ transform: translate(0, 0) rotate(5.5deg); }
92% {
- transform: translate(0, 0) rotate(-1.5deg); }
+ transform: translate(0, 0) rotate(5.5deg); }
94% {
transform: translate(0, 0) rotate(-6.5deg); }
96% {
- transform: translate(0, 0) rotate(2.5deg); }
+ transform: translate(0, 0) rotate(5.5deg); }
98% {
- transform: translate(0, 0) rotate(7.5deg); }
+ transform: translate(0, 0) rotate(4.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-rotate:hover,
-.shake-trigger:hover .shake-rotate, .shake-rotate.shake-freeze, .shake-rotate.shake-constant {
+.shake-rotate {
animation-name: shake-rotate;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-rotate.infinite {
animation-iteration-count: infinite; }
diff --git a/dist/csshake-rotate.min.css b/dist/csshake-rotate.min.css
index 6f1e7cf..4148fd8 100644
--- a/dist/csshake-rotate.min.css
+++ b/dist/csshake-rotate.min.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake-rotate{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-rotate:hover,.shake-trigger:hover .shake-rotate{animation-play-state:running}@keyframes shake-rotate{2%{transform:translate(0, 0) rotate(.5deg)}4%{transform:translate(0, 0) rotate(2.5deg)}6%{transform:translate(0, 0) rotate(-.5deg)}8%{transform:translate(0, 0) rotate(-4.5deg)}10%{transform:translate(0, 0) rotate(-3.5deg)}12%{transform:translate(0, 0) rotate(-2.5deg)}14%{transform:translate(0, 0) rotate(-3.5deg)}16%{transform:translate(0, 0) rotate(5.5deg)}18%{transform:translate(0, 0) rotate(-1.5deg)}20%{transform:translate(0, 0) rotate(2.5deg)}22%{transform:translate(0, 0) rotate(-2.5deg)}24%{transform:translate(0, 0) rotate(5.5deg)}26%{transform:translate(0, 0) rotate(-.5deg)}28%{transform:translate(0, 0) rotate(5.5deg)}30%{transform:translate(0, 0) rotate(3.5deg)}32%{transform:translate(0, 0) rotate(3.5deg)}34%{transform:translate(0, 0) rotate(3.5deg)}36%{transform:translate(0, 0) rotate(-3.5deg)}38%{transform:translate(0, 0) rotate(-6.5deg)}40%{transform:translate(0, 0) rotate(-2.5deg)}42%{transform:translate(0, 0) rotate(7.5deg)}44%{transform:translate(0, 0) rotate(2.5deg)}46%{transform:translate(0, 0) rotate(-6.5deg)}48%{transform:translate(0, 0) rotate(-2.5deg)}50%{transform:translate(0, 0) rotate(2.5deg)}52%{transform:translate(0, 0) rotate(3.5deg)}54%{transform:translate(0, 0) rotate(-6.5deg)}56%{transform:translate(0, 0) rotate(-5.5deg)}58%{transform:translate(0, 0) rotate(.5deg)}60%{transform:translate(0, 0) rotate(.5deg)}62%{transform:translate(0, 0) rotate(2.5deg)}64%{transform:translate(0, 0) rotate(-5.5deg)}66%{transform:translate(0, 0) rotate(3.5deg)}68%{transform:translate(0, 0) rotate(-3.5deg)}70%{transform:translate(0, 0) rotate(.5deg)}72%{transform:translate(0, 0) rotate(-.5deg)}74%{transform:translate(0, 0) rotate(6.5deg)}76%{transform:translate(0, 0) rotate(-6.5deg)}78%{transform:translate(0, 0) rotate(-1.5deg)}80%{transform:translate(0, 0) rotate(-2.5deg)}82%{transform:translate(0, 0) rotate(-6.5deg)}84%{transform:translate(0, 0) rotate(-3.5deg)}86%{transform:translate(0, 0) rotate(5.5deg)}88%{transform:translate(0, 0) rotate(-1.5deg)}90%{transform:translate(0, 0) rotate(-.5deg)}92%{transform:translate(0, 0) rotate(-1.5deg)}94%{transform:translate(0, 0) rotate(6.5deg)}96%{transform:translate(0, 0) rotate(4.5deg)}98%{transform:translate(0, 0) rotate(-3.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-rotate:hover,.shake-trigger:hover .shake-rotate,.shake-rotate.shake-freeze,.shake-rotate.shake-constant{animation-name:shake-rotate;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake-rotate{display:inherit;transform-origin:center center}@keyframes shake-rotate{2%{transform:translate(0, 0) rotate(3.5deg)}4%{transform:translate(0, 0) rotate(1.5deg)}6%{transform:translate(0, 0) rotate(7.5deg)}8%{transform:translate(0, 0) rotate(.5deg)}10%{transform:translate(0, 0) rotate(-6.5deg)}12%{transform:translate(0, 0) rotate(-4.5deg)}14%{transform:translate(0, 0) rotate(1.5deg)}16%{transform:translate(0, 0) rotate(1.5deg)}18%{transform:translate(0, 0) rotate(.5deg)}20%{transform:translate(0, 0) rotate(5.5deg)}22%{transform:translate(0, 0) rotate(-6.5deg)}24%{transform:translate(0, 0) rotate(.5deg)}26%{transform:translate(0, 0) rotate(-6.5deg)}28%{transform:translate(0, 0) rotate(3.5deg)}30%{transform:translate(0, 0) rotate(1.5deg)}32%{transform:translate(0, 0) rotate(1.5deg)}34%{transform:translate(0, 0) rotate(-5.5deg)}36%{transform:translate(0, 0) rotate(-1.5deg)}38%{transform:translate(0, 0) rotate(3.5deg)}40%{transform:translate(0, 0) rotate(-4.5deg)}42%{transform:translate(0, 0) rotate(-6.5deg)}44%{transform:translate(0, 0) rotate(6.5deg)}46%{transform:translate(0, 0) rotate(5.5deg)}48%{transform:translate(0, 0) rotate(5.5deg)}50%{transform:translate(0, 0) rotate(-.5deg)}52%{transform:translate(0, 0) rotate(-1.5deg)}54%{transform:translate(0, 0) rotate(-.5deg)}56%{transform:translate(0, 0) rotate(6.5deg)}58%{transform:translate(0, 0) rotate(3.5deg)}60%{transform:translate(0, 0) rotate(1.5deg)}62%{transform:translate(0, 0) rotate(-.5deg)}64%{transform:translate(0, 0) rotate(7.5deg)}66%{transform:translate(0, 0) rotate(-4.5deg)}68%{transform:translate(0, 0) rotate(7.5deg)}70%{transform:translate(0, 0) rotate(2.5deg)}72%{transform:translate(0, 0) rotate(3.5deg)}74%{transform:translate(0, 0) rotate(-3.5deg)}76%{transform:translate(0, 0) rotate(.5deg)}78%{transform:translate(0, 0) rotate(5.5deg)}80%{transform:translate(0, 0) rotate(-1.5deg)}82%{transform:translate(0, 0) rotate(-1.5deg)}84%{transform:translate(0, 0) rotate(-.5deg)}86%{transform:translate(0, 0) rotate(1.5deg)}88%{transform:translate(0, 0) rotate(-6.5deg)}90%{transform:translate(0, 0) rotate(1.5deg)}92%{transform:translate(0, 0) rotate(.5deg)}94%{transform:translate(0, 0) rotate(-6.5deg)}96%{transform:translate(0, 0) rotate(6.5deg)}98%{transform:translate(0, 0) rotate(1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-rotate{animation-name:shake-rotate;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-rotate.infinite{animation-iteration-count:infinite}
diff --git a/dist/csshake-slow.css b/dist/csshake-slow.css
index 1c8b99e..f7bfc1a 100644
--- a/dist/csshake-slow.css
+++ b/dist/csshake-slow.css
@@ -10,121 +10,113 @@
display: inherit;
transform-origin: center center; }
-.shake-freeze,
-.shake-constant.shake-constant--hover:hover,
-.shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
-
-.shake-freeze:hover,
-.shake-trigger:hover .shake-freeze, .shake-slow:hover,
-.shake-trigger:hover .shake-slow {
- animation-play-state: running; }
-
@keyframes shake-slow {
2% {
- transform: translate(1px, 5px) rotate(-1.5deg); }
+ transform: translate(4px, -6px) rotate(1.5deg); }
4% {
- transform: translate(7px, 4px) rotate(-2.5deg); }
+ transform: translate(4px, 6px) rotate(2.5deg); }
6% {
- transform: translate(8px, -2px) rotate(-0.5deg); }
+ transform: translate(-9px, -9px) rotate(-0.5deg); }
8% {
- transform: translate(2px, 10px) rotate(0.5deg); }
+ transform: translate(-2px, 3px) rotate(-1.5deg); }
10% {
- transform: translate(3px, 0px) rotate(-1.5deg); }
+ transform: translate(-2px, 10px) rotate(0.5deg); }
12% {
- transform: translate(-8px, 9px) rotate(-1.5deg); }
+ transform: translate(-5px, 1px) rotate(3.5deg); }
14% {
- transform: translate(-9px, -6px) rotate(-0.5deg); }
+ transform: translate(-8px, -6px) rotate(3.5deg); }
16% {
- transform: translate(8px, -2px) rotate(0.5deg); }
+ transform: translate(-7px, 1px) rotate(0.5deg); }
18% {
- transform: translate(-1px, -5px) rotate(1.5deg); }
+ transform: translate(10px, 4px) rotate(1.5deg); }
20% {
- transform: translate(-2px, -5px) rotate(-2.5deg); }
+ transform: translate(-8px, -4px) rotate(0.5deg); }
22% {
- transform: translate(-4px, -3px) rotate(-2.5deg); }
+ transform: translate(-4px, -7px) rotate(2.5deg); }
24% {
- transform: translate(-7px, 5px) rotate(-0.5deg); }
+ transform: translate(7px, -7px) rotate(3.5deg); }
26% {
- transform: translate(-5px, 5px) rotate(1.5deg); }
+ transform: translate(7px, 4px) rotate(2.5deg); }
28% {
- transform: translate(-1px, 6px) rotate(3.5deg); }
+ transform: translate(4px, -6px) rotate(1.5deg); }
30% {
- transform: translate(-2px, 6px) rotate(-0.5deg); }
+ transform: translate(6px, 8px) rotate(3.5deg); }
32% {
- transform: translate(2px, 10px) rotate(-0.5deg); }
+ transform: translate(3px, -5px) rotate(2.5deg); }
34% {
- transform: translate(-9px, 1px) rotate(0.5deg); }
+ transform: translate(-5px, 8px) rotate(-1.5deg); }
36% {
- transform: translate(-7px, 5px) rotate(3.5deg); }
+ transform: translate(-7px, -7px) rotate(2.5deg); }
38% {
- transform: translate(-7px, 9px) rotate(1.5deg); }
+ transform: translate(-2px, -9px) rotate(2.5deg); }
40% {
- transform: translate(7px, -8px) rotate(-0.5deg); }
+ transform: translate(-7px, 2px) rotate(-2.5deg); }
42% {
- transform: translate(8px, 7px) rotate(-0.5deg); }
+ transform: translate(4px, 7px) rotate(1.5deg); }
44% {
- transform: translate(-3px, -2px) rotate(0.5deg); }
+ transform: translate(-4px, 0px) rotate(-1.5deg); }
46% {
- transform: translate(1px, 2px) rotate(-2.5deg); }
+ transform: translate(-5px, -4px) rotate(3.5deg); }
48% {
- transform: translate(-6px, -2px) rotate(-2.5deg); }
+ transform: translate(10px, -3px) rotate(-0.5deg); }
50% {
- transform: translate(-8px, -1px) rotate(-1.5deg); }
+ transform: translate(-5px, -9px) rotate(-1.5deg); }
52% {
- transform: translate(5px, 10px) rotate(-1.5deg); }
+ transform: translate(5px, -3px) rotate(-2.5deg); }
54% {
- transform: translate(7px, -9px) rotate(3.5deg); }
+ transform: translate(-1px, -5px) rotate(1.5deg); }
56% {
- transform: translate(-7px, -5px) rotate(0.5deg); }
+ transform: translate(-2px, -3px) rotate(2.5deg); }
58% {
- transform: translate(3px, 3px) rotate(0.5deg); }
+ transform: translate(4px, -8px) rotate(-1.5deg); }
60% {
- transform: translate(4px, -5px) rotate(3.5deg); }
+ transform: translate(-1px, 7px) rotate(1.5deg); }
62% {
- transform: translate(9px, 9px) rotate(1.5deg); }
+ transform: translate(-9px, 7px) rotate(0.5deg); }
64% {
- transform: translate(-5px, 10px) rotate(-0.5deg); }
+ transform: translate(3px, -8px) rotate(0.5deg); }
66% {
- transform: translate(-8px, -9px) rotate(-2.5deg); }
+ transform: translate(3px, 3px) rotate(0.5deg); }
68% {
- transform: translate(-4px, -8px) rotate(-2.5deg); }
+ transform: translate(9px, 8px) rotate(-2.5deg); }
70% {
- transform: translate(6px, -8px) rotate(1.5deg); }
+ transform: translate(5px, 6px) rotate(-0.5deg); }
72% {
- transform: translate(8px, -6px) rotate(-1.5deg); }
+ transform: translate(-6px, 10px) rotate(2.5deg); }
74% {
- transform: translate(-6px, 7px) rotate(1.5deg); }
+ transform: translate(8px, -2px) rotate(-2.5deg); }
76% {
- transform: translate(2px, 5px) rotate(-1.5deg); }
+ transform: translate(-5px, -7px) rotate(-1.5deg); }
78% {
- transform: translate(2px, 0px) rotate(-2.5deg); }
+ transform: translate(-8px, -3px) rotate(-2.5deg); }
80% {
- transform: translate(-7px, 3px) rotate(-2.5deg); }
+ transform: translate(-7px, -9px) rotate(3.5deg); }
82% {
- transform: translate(-9px, -4px) rotate(0.5deg); }
+ transform: translate(-5px, -8px) rotate(-2.5deg); }
84% {
- transform: translate(4px, 9px) rotate(3.5deg); }
+ transform: translate(-9px, 6px) rotate(3.5deg); }
86% {
- transform: translate(-7px, 6px) rotate(-0.5deg); }
+ transform: translate(9px, -8px) rotate(-0.5deg); }
88% {
- transform: translate(3px, -3px) rotate(-1.5deg); }
+ transform: translate(9px, 1px) rotate(3.5deg); }
90% {
- transform: translate(1px, -3px) rotate(-0.5deg); }
+ transform: translate(8px, 1px) rotate(1.5deg); }
92% {
- transform: translate(4px, 3px) rotate(2.5deg); }
+ transform: translate(-2px, 5px) rotate(0.5deg); }
94% {
- transform: translate(9px, 1px) rotate(3.5deg); }
+ transform: translate(3px, -6px) rotate(3.5deg); }
96% {
- transform: translate(-8px, 3px) rotate(0.5deg); }
+ transform: translate(-6px, 5px) rotate(1.5deg); }
98% {
- transform: translate(-8px, -7px) rotate(-2.5deg); }
+ transform: translate(3px, -3px) rotate(-0.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-slow:hover,
-.shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
+.shake-slow {
animation-name: shake-slow;
animation-duration: 5s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-slow.infinite {
animation-iteration-count: infinite; }
diff --git a/dist/csshake-slow.min.css b/dist/csshake-slow.min.css
index 65b6b76..4d6296c 100644
--- a/dist/csshake-slow.min.css
+++ b/dist/csshake-slow.min.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake-slow{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-slow:hover,.shake-trigger:hover .shake-slow{animation-play-state:running}@keyframes shake-slow{2%{transform:translate(7px, 8px) rotate(2.5deg)}4%{transform:translate(-6px, -5px) rotate(-1.5deg)}6%{transform:translate(6px, 4px) rotate(-1.5deg)}8%{transform:translate(-8px, -5px) rotate(-1.5deg)}10%{transform:translate(0px, 7px) rotate(2.5deg)}12%{transform:translate(-9px, 6px) rotate(3.5deg)}14%{transform:translate(10px, -7px) rotate(-1.5deg)}16%{transform:translate(-8px, -9px) rotate(-2.5deg)}18%{transform:translate(-7px, -5px) rotate(.5deg)}20%{transform:translate(0px, -3px) rotate(-2.5deg)}22%{transform:translate(4px, 10px) rotate(3.5deg)}24%{transform:translate(-5px, 7px) rotate(-2.5deg)}26%{transform:translate(7px, -6px) rotate(2.5deg)}28%{transform:translate(10px, 8px) rotate(-2.5deg)}30%{transform:translate(-5px, 6px) rotate(2.5deg)}32%{transform:translate(1px, 3px) rotate(-2.5deg)}34%{transform:translate(4px, 6px) rotate(-2.5deg)}36%{transform:translate(-7px, 0px) rotate(-1.5deg)}38%{transform:translate(4px, 6px) rotate(.5deg)}40%{transform:translate(-2px, 5px) rotate(.5deg)}42%{transform:translate(6px, 2px) rotate(.5deg)}44%{transform:translate(-9px, 4px) rotate(-.5deg)}46%{transform:translate(6px, -7px) rotate(-.5deg)}48%{transform:translate(8px, 1px) rotate(1.5deg)}50%{transform:translate(-4px, -9px) rotate(1.5deg)}52%{transform:translate(7px, -5px) rotate(3.5deg)}54%{transform:translate(10px, 1px) rotate(.5deg)}56%{transform:translate(5px, 2px) rotate(3.5deg)}58%{transform:translate(4px, -4px) rotate(2.5deg)}60%{transform:translate(-2px, 6px) rotate(-2.5deg)}62%{transform:translate(5px, -4px) rotate(-2.5deg)}64%{transform:translate(8px, 0px) rotate(-2.5deg)}66%{transform:translate(7px, 7px) rotate(-1.5deg)}68%{transform:translate(7px, -2px) rotate(.5deg)}70%{transform:translate(3px, -4px) rotate(3.5deg)}72%{transform:translate(-5px, -9px) rotate(2.5deg)}74%{transform:translate(1px, 0px) rotate(-1.5deg)}76%{transform:translate(1px, -8px) rotate(-2.5deg)}78%{transform:translate(5px, 9px) rotate(-2.5deg)}80%{transform:translate(-9px, 2px) rotate(-.5deg)}82%{transform:translate(-5px, 9px) rotate(.5deg)}84%{transform:translate(-7px, -2px) rotate(-.5deg)}86%{transform:translate(-3px, 3px) rotate(1.5deg)}88%{transform:translate(8px, -7px) rotate(-1.5deg)}90%{transform:translate(-2px, 3px) rotate(2.5deg)}92%{transform:translate(10px, 10px) rotate(.5deg)}94%{transform:translate(0px, 8px) rotate(2.5deg)}96%{transform:translate(-6px, 6px) rotate(3.5deg)}98%{transform:translate(9px, -6px) rotate(2.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-slow.shake-freeze,.shake-slow.shake-constant{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake-slow{display:inherit;transform-origin:center center}@keyframes shake-slow{2%{transform:translate(-6px, -1px) rotate(-.5deg)}4%{transform:translate(8px, 2px) rotate(-.5deg)}6%{transform:translate(2px, -1px) rotate(-.5deg)}8%{transform:translate(3px, 0px) rotate(.5deg)}10%{transform:translate(-7px, -2px) rotate(.5deg)}12%{transform:translate(7px, -3px) rotate(.5deg)}14%{transform:translate(-8px, 4px) rotate(-.5deg)}16%{transform:translate(-3px, 8px) rotate(-2.5deg)}18%{transform:translate(-9px, -2px) rotate(3.5deg)}20%{transform:translate(9px, -9px) rotate(1.5deg)}22%{transform:translate(3px, -8px) rotate(3.5deg)}24%{transform:translate(-9px, -3px) rotate(-.5deg)}26%{transform:translate(10px, 9px) rotate(-.5deg)}28%{transform:translate(7px, 1px) rotate(.5deg)}30%{transform:translate(1px, 6px) rotate(-.5deg)}32%{transform:translate(7px, 4px) rotate(-1.5deg)}34%{transform:translate(-6px, -7px) rotate(1.5deg)}36%{transform:translate(4px, 8px) rotate(2.5deg)}38%{transform:translate(7px, -9px) rotate(1.5deg)}40%{transform:translate(5px, 7px) rotate(-1.5deg)}42%{transform:translate(8px, 10px) rotate(-1.5deg)}44%{transform:translate(5px, -1px) rotate(3.5deg)}46%{transform:translate(9px, -3px) rotate(-2.5deg)}48%{transform:translate(9px, -7px) rotate(-1.5deg)}50%{transform:translate(5px, -9px) rotate(1.5deg)}52%{transform:translate(-5px, 6px) rotate(2.5deg)}54%{transform:translate(-4px, -8px) rotate(-2.5deg)}56%{transform:translate(4px, 10px) rotate(1.5deg)}58%{transform:translate(-9px, 9px) rotate(-1.5deg)}60%{transform:translate(-5px, 1px) rotate(1.5deg)}62%{transform:translate(2px, -2px) rotate(-.5deg)}64%{transform:translate(9px, 5px) rotate(.5deg)}66%{transform:translate(9px, 4px) rotate(-1.5deg)}68%{transform:translate(-5px, -8px) rotate(2.5deg)}70%{transform:translate(8px, 3px) rotate(-1.5deg)}72%{transform:translate(2px, 10px) rotate(2.5deg)}74%{transform:translate(-5px, 8px) rotate(.5deg)}76%{transform:translate(-7px, 0px) rotate(-2.5deg)}78%{transform:translate(4px, -7px) rotate(1.5deg)}80%{transform:translate(1px, -6px) rotate(3.5deg)}82%{transform:translate(5px, 7px) rotate(-2.5deg)}84%{transform:translate(4px, -8px) rotate(-1.5deg)}86%{transform:translate(-3px, 10px) rotate(3.5deg)}88%{transform:translate(9px, 5px) rotate(-1.5deg)}90%{transform:translate(1px, -1px) rotate(.5deg)}92%{transform:translate(3px, -1px) rotate(3.5deg)}94%{transform:translate(5px, -4px) rotate(1.5deg)}96%{transform:translate(1px, 6px) rotate(-.5deg)}98%{transform:translate(-4px, -9px) rotate(-2.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-slow{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-slow.infinite{animation-iteration-count:infinite}
diff --git a/dist/csshake-vertical.css b/dist/csshake-vertical.css
index c7e06fb..88e2877 100644
--- a/dist/csshake-vertical.css
+++ b/dist/csshake-vertical.css
@@ -10,121 +10,113 @@
display: inherit;
transform-origin: center center; }
-.shake-freeze,
-.shake-constant.shake-constant--hover:hover,
-.shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
-
-.shake-freeze:hover,
-.shake-trigger:hover .shake-freeze, .shake-vertical:hover,
-.shake-trigger:hover .shake-vertical {
- animation-play-state: running; }
-
@keyframes shake-vertical {
2% {
- transform: translate(0, -9px) rotate(0); }
+ transform: translate(0, 10px) rotate(0); }
4% {
- transform: translate(0, -9px) rotate(0); }
+ transform: translate(0, 5px) rotate(0); }
6% {
- transform: translate(0, 8px) rotate(0); }
+ transform: translate(0, 5px) rotate(0); }
8% {
- transform: translate(0, -5px) rotate(0); }
+ transform: translate(0, 0px) rotate(0); }
10% {
- transform: translate(0, 4px) rotate(0); }
+ transform: translate(0, -6px) rotate(0); }
12% {
- transform: translate(0, 1px) rotate(0); }
+ transform: translate(0, 3px) rotate(0); }
14% {
- transform: translate(0, 6px) rotate(0); }
+ transform: translate(0, 4px) rotate(0); }
16% {
- transform: translate(0, -4px) rotate(0); }
+ transform: translate(0, 7px) rotate(0); }
18% {
- transform: translate(0, -7px) rotate(0); }
+ transform: translate(0, 2px) rotate(0); }
20% {
- transform: translate(0, -7px) rotate(0); }
+ transform: translate(0, -4px) rotate(0); }
22% {
- transform: translate(0, -6px) rotate(0); }
+ transform: translate(0, 2px) rotate(0); }
24% {
- transform: translate(0, 5px) rotate(0); }
+ transform: translate(0, -9px) rotate(0); }
26% {
- transform: translate(0, -4px) rotate(0); }
+ transform: translate(0, 9px) rotate(0); }
28% {
- transform: translate(0, -6px) rotate(0); }
+ transform: translate(0, 10px) rotate(0); }
30% {
- transform: translate(0, 2px) rotate(0); }
+ transform: translate(0, 4px) rotate(0); }
32% {
- transform: translate(0, 6px) rotate(0); }
+ transform: translate(0, -7px) rotate(0); }
34% {
- transform: translate(0, -4px) rotate(0); }
+ transform: translate(0, 8px) rotate(0); }
36% {
- transform: translate(0, 9px) rotate(0); }
+ transform: translate(0, -7px) rotate(0); }
38% {
- transform: translate(0, 5px) rotate(0); }
+ transform: translate(0, 0px) rotate(0); }
40% {
- transform: translate(0, 8px) rotate(0); }
+ transform: translate(0, -3px) rotate(0); }
42% {
- transform: translate(0, 9px) rotate(0); }
+ transform: translate(0, 4px) rotate(0); }
44% {
- transform: translate(0, 1px) rotate(0); }
+ transform: translate(0, 3px) rotate(0); }
46% {
- transform: translate(0, -3px) rotate(0); }
+ transform: translate(0, -9px) rotate(0); }
48% {
transform: translate(0, -8px) rotate(0); }
50% {
- transform: translate(0, -8px) rotate(0); }
+ transform: translate(0, 4px) rotate(0); }
52% {
- transform: translate(0, 9px) rotate(0); }
+ transform: translate(0, 10px) rotate(0); }
54% {
- transform: translate(0, -4px) rotate(0); }
+ transform: translate(0, 4px) rotate(0); }
56% {
- transform: translate(0, 9px) rotate(0); }
+ transform: translate(0, -9px) rotate(0); }
58% {
- transform: translate(0, 6px) rotate(0); }
+ transform: translate(0, -7px) rotate(0); }
60% {
- transform: translate(0, -5px) rotate(0); }
- 62% {
transform: translate(0, 6px) rotate(0); }
+ 62% {
+ transform: translate(0, -4px) rotate(0); }
64% {
- transform: translate(0, 0px) rotate(0); }
+ transform: translate(0, 3px) rotate(0); }
66% {
- transform: translate(0, 1px) rotate(0); }
+ transform: translate(0, 7px) rotate(0); }
68% {
- transform: translate(0, -1px) rotate(0); }
+ transform: translate(0, 1px) rotate(0); }
70% {
- transform: translate(0, 8px) rotate(0); }
+ transform: translate(0, -1px) rotate(0); }
72% {
- transform: translate(0, 3px) rotate(0); }
+ transform: translate(0, -5px) rotate(0); }
74% {
- transform: translate(0, 4px) rotate(0); }
+ transform: translate(0, 5px) rotate(0); }
76% {
- transform: translate(0, -9px) rotate(0); }
+ transform: translate(0, 0px) rotate(0); }
78% {
- transform: translate(0, 3px) rotate(0); }
+ transform: translate(0, -1px) rotate(0); }
80% {
- transform: translate(0, -8px) rotate(0); }
+ transform: translate(0, -9px) rotate(0); }
82% {
- transform: translate(0, 10px) rotate(0); }
+ transform: translate(0, 4px) rotate(0); }
84% {
- transform: translate(0, 1px) rotate(0); }
+ transform: translate(0, -4px) rotate(0); }
86% {
- transform: translate(0, -6px) rotate(0); }
+ transform: translate(0, 7px) rotate(0); }
88% {
- transform: translate(0, -5px) rotate(0); }
+ transform: translate(0, -8px) rotate(0); }
90% {
transform: translate(0, -8px) rotate(0); }
92% {
transform: translate(0, -4px) rotate(0); }
94% {
- transform: translate(0, 7px) rotate(0); }
+ transform: translate(0, -2px) rotate(0); }
96% {
- transform: translate(0, 9px) rotate(0); }
+ transform: translate(0, 7px) rotate(0); }
98% {
- transform: translate(0, -7px) rotate(0); }
+ transform: translate(0, 8px) rotate(0); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-vertical:hover,
-.shake-trigger:hover .shake-vertical, .shake-vertical.shake-freeze, .shake-vertical.shake-constant {
+.shake-vertical {
animation-name: shake-vertical;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-vertical.infinite {
animation-iteration-count: infinite; }
diff --git a/dist/csshake-vertical.min.css b/dist/csshake-vertical.min.css
index 135e063..d315948 100644
--- a/dist/csshake-vertical.min.css
+++ b/dist/csshake-vertical.min.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake-vertical{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-vertical:hover,.shake-trigger:hover .shake-vertical{animation-play-state:running}@keyframes shake-vertical{2%{transform:translate(0, -2px) rotate(0)}4%{transform:translate(0, 0px) rotate(0)}6%{transform:translate(0, 8px) rotate(0)}8%{transform:translate(0, 1px) rotate(0)}10%{transform:translate(0, -3px) rotate(0)}12%{transform:translate(0, -5px) rotate(0)}14%{transform:translate(0, 10px) rotate(0)}16%{transform:translate(0, 10px) rotate(0)}18%{transform:translate(0, 1px) rotate(0)}20%{transform:translate(0, -1px) rotate(0)}22%{transform:translate(0, -2px) rotate(0)}24%{transform:translate(0, 8px) rotate(0)}26%{transform:translate(0, -7px) rotate(0)}28%{transform:translate(0, -3px) rotate(0)}30%{transform:translate(0, -7px) rotate(0)}32%{transform:translate(0, -9px) rotate(0)}34%{transform:translate(0, -1px) rotate(0)}36%{transform:translate(0, 1px) rotate(0)}38%{transform:translate(0, 10px) rotate(0)}40%{transform:translate(0, -6px) rotate(0)}42%{transform:translate(0, 7px) rotate(0)}44%{transform:translate(0, 4px) rotate(0)}46%{transform:translate(0, 7px) rotate(0)}48%{transform:translate(0, -8px) rotate(0)}50%{transform:translate(0, -5px) rotate(0)}52%{transform:translate(0, 2px) rotate(0)}54%{transform:translate(0, -1px) rotate(0)}56%{transform:translate(0, -9px) rotate(0)}58%{transform:translate(0, -3px) rotate(0)}60%{transform:translate(0, -2px) rotate(0)}62%{transform:translate(0, -2px) rotate(0)}64%{transform:translate(0, 0px) rotate(0)}66%{transform:translate(0, -4px) rotate(0)}68%{transform:translate(0, 4px) rotate(0)}70%{transform:translate(0, -3px) rotate(0)}72%{transform:translate(0, 6px) rotate(0)}74%{transform:translate(0, -1px) rotate(0)}76%{transform:translate(0, -8px) rotate(0)}78%{transform:translate(0, -6px) rotate(0)}80%{transform:translate(0, -9px) rotate(0)}82%{transform:translate(0, 4px) rotate(0)}84%{transform:translate(0, 4px) rotate(0)}86%{transform:translate(0, -3px) rotate(0)}88%{transform:translate(0, 1px) rotate(0)}90%{transform:translate(0, -4px) rotate(0)}92%{transform:translate(0, -5px) rotate(0)}94%{transform:translate(0, 5px) rotate(0)}96%{transform:translate(0, 4px) rotate(0)}98%{transform:translate(0, 8px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-vertical.shake-freeze,.shake-vertical.shake-constant{animation-name:shake-vertical;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake-vertical{display:inherit;transform-origin:center center}@keyframes shake-vertical{2%{transform:translate(0, -8px) rotate(0)}4%{transform:translate(0, 2px) rotate(0)}6%{transform:translate(0, -6px) rotate(0)}8%{transform:translate(0, 2px) rotate(0)}10%{transform:translate(0, 4px) rotate(0)}12%{transform:translate(0, -5px) rotate(0)}14%{transform:translate(0, 6px) rotate(0)}16%{transform:translate(0, -7px) rotate(0)}18%{transform:translate(0, 5px) rotate(0)}20%{transform:translate(0, -8px) rotate(0)}22%{transform:translate(0, 1px) rotate(0)}24%{transform:translate(0, -7px) rotate(0)}26%{transform:translate(0, -5px) rotate(0)}28%{transform:translate(0, 10px) rotate(0)}30%{transform:translate(0, 9px) rotate(0)}32%{transform:translate(0, -7px) rotate(0)}34%{transform:translate(0, 7px) rotate(0)}36%{transform:translate(0, -3px) rotate(0)}38%{transform:translate(0, 2px) rotate(0)}40%{transform:translate(0, -5px) rotate(0)}42%{transform:translate(0, 2px) rotate(0)}44%{transform:translate(0, -6px) rotate(0)}46%{transform:translate(0, -4px) rotate(0)}48%{transform:translate(0, 8px) rotate(0)}50%{transform:translate(0, 3px) rotate(0)}52%{transform:translate(0, 5px) rotate(0)}54%{transform:translate(0, -1px) rotate(0)}56%{transform:translate(0, -1px) rotate(0)}58%{transform:translate(0, -4px) rotate(0)}60%{transform:translate(0, 8px) rotate(0)}62%{transform:translate(0, -5px) rotate(0)}64%{transform:translate(0, -4px) rotate(0)}66%{transform:translate(0, -2px) rotate(0)}68%{transform:translate(0, 1px) rotate(0)}70%{transform:translate(0, 3px) rotate(0)}72%{transform:translate(0, -5px) rotate(0)}74%{transform:translate(0, -5px) rotate(0)}76%{transform:translate(0, -3px) rotate(0)}78%{transform:translate(0, 9px) rotate(0)}80%{transform:translate(0, -1px) rotate(0)}82%{transform:translate(0, 2px) rotate(0)}84%{transform:translate(0, -2px) rotate(0)}86%{transform:translate(0, -5px) rotate(0)}88%{transform:translate(0, -4px) rotate(0)}90%{transform:translate(0, 3px) rotate(0)}92%{transform:translate(0, 9px) rotate(0)}94%{transform:translate(0, -7px) rotate(0)}96%{transform:translate(0, 3px) rotate(0)}98%{transform:translate(0, 3px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-vertical{animation-name:shake-vertical;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-vertical.infinite{animation-iteration-count:infinite}
diff --git a/dist/csshake.css b/dist/csshake.css
index e5f0791..e9212bb 100644
--- a/dist/csshake.css
+++ b/dist/csshake.css
@@ -10,187 +10,170 @@
display: inherit;
transform-origin: center center; }
-.shake-freeze,
-.shake-constant.shake-constant--hover:hover,
-.shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
-
-.shake-freeze:hover,
-.shake-trigger:hover .shake-freeze, .shake:hover,
-.shake-trigger:hover .shake, .shake-little:hover,
-.shake-trigger:hover .shake-little, .shake-slow:hover,
-.shake-trigger:hover .shake-slow, .shake-hard:hover,
-.shake-trigger:hover .shake-hard, .shake-horizontal:hover,
-.shake-trigger:hover .shake-horizontal, .shake-vertical:hover,
-.shake-trigger:hover .shake-vertical, .shake-rotate:hover,
-.shake-trigger:hover .shake-rotate, .shake-opacity:hover,
-.shake-trigger:hover .shake-opacity, .shake-crazy:hover,
-.shake-trigger:hover .shake-crazy, .shake-chunk:hover,
-.shake-trigger:hover .shake-chunk {
- animation-play-state: running; }
-
@keyframes shake {
2% {
- transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
+ transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
4% {
- transform: translate(-0.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
6% {
- transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
8% {
- transform: translate(-1.5px, -1.5px) rotate(0.5deg); }
+ transform: translate(0.5px, -1.5px) rotate(0.5deg); }
10% {
- transform: translate(2.5px, -1.5px) rotate(1.5deg); }
+ transform: translate(2.5px, 1.5px) rotate(1.5deg); }
12% {
- transform: translate(0.5px, 1.5px) rotate(0.5deg); }
+ transform: translate(-0.5px, 2.5px) rotate(0.5deg); }
14% {
- transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
+ transform: translate(0.5px, -1.5px) rotate(0.5deg); }
16% {
- transform: translate(0.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(-1.5px, 2.5px) rotate(-0.5deg); }
18% {
- transform: translate(2.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
20% {
transform: translate(1.5px, -0.5px) rotate(0.5deg); }
22% {
- transform: translate(0.5px, 1.5px) rotate(1.5deg); }
+ transform: translate(1.5px, 0.5px) rotate(1.5deg); }
24% {
- transform: translate(2.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(2.5px, -0.5px) rotate(1.5deg); }
26% {
- transform: translate(-1.5px, 2.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
28% {
- transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
30% {
- transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
32% {
- transform: translate(2.5px, 1.5px) rotate(1.5deg); }
+ transform: translate(-1.5px, -1.5px) rotate(0.5deg); }
34% {
- transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
+ transform: translate(1.5px, 0.5px) rotate(0.5deg); }
36% {
- transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
+ transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
38% {
- transform: translate(0.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
40% {
- transform: translate(2.5px, 1.5px) rotate(1.5deg); }
+ transform: translate(0.5px, -1.5px) rotate(1.5deg); }
42% {
- transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
+ transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
44% {
- transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
+ transform: translate(-1.5px, 0.5px) rotate(1.5deg); }
46% {
- transform: translate(-1.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(-1.5px, 2.5px) rotate(0.5deg); }
48% {
- transform: translate(0.5px, 2.5px) rotate(0.5deg); }
+ transform: translate(1.5px, 0.5px) rotate(0.5deg); }
50% {
- transform: translate(0.5px, 0.5px) rotate(1.5deg); }
+ transform: translate(-0.5px, 2.5px) rotate(0.5deg); }
52% {
- transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
+ transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
54% {
- transform: translate(2.5px, 0.5px) rotate(0.5deg); }
+ transform: translate(1.5px, 0.5px) rotate(1.5deg); }
56% {
- transform: translate(2.5px, 2.5px) rotate(0.5deg); }
+ transform: translate(-1.5px, 1.5px) rotate(-0.5deg); }
58% {
- transform: translate(0.5px, -1.5px) rotate(0.5deg); }
+ transform: translate(2.5px, -0.5px) rotate(0.5deg); }
60% {
- transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
+ transform: translate(-1.5px, 2.5px) rotate(-0.5deg); }
62% {
- transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
+ transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
64% {
- transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
+ transform: translate(2.5px, -0.5px) rotate(1.5deg); }
66% {
- transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
68% {
- transform: translate(0.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(-1.5px, -1.5px) rotate(1.5deg); }
70% {
- transform: translate(-0.5px, 2.5px) rotate(-0.5deg); }
+ transform: translate(0.5px, -0.5px) rotate(0.5deg); }
72% {
- transform: translate(1.5px, -1.5px) rotate(-0.5deg); }
+ transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
74% {
- transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
+ transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
76% {
- transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
+ transform: translate(-1.5px, -1.5px) rotate(0.5deg); }
78% {
- transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
+ transform: translate(-0.5px, 2.5px) rotate(-0.5deg); }
80% {
- transform: translate(2.5px, 2.5px) rotate(0.5deg); }
+ transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
82% {
- transform: translate(1.5px, 0.5px) rotate(1.5deg); }
+ transform: translate(0.5px, 0.5px) rotate(0.5deg); }
84% {
- transform: translate(1.5px, -1.5px) rotate(1.5deg); }
+ transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
86% {
- transform: translate(2.5px, 1.5px) rotate(0.5deg); }
+ transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
88% {
- transform: translate(2.5px, 2.5px) rotate(-0.5deg); }
+ transform: translate(2.5px, 0.5px) rotate(1.5deg); }
90% {
- transform: translate(-1.5px, -1.5px) rotate(0.5deg); }
+ transform: translate(2.5px, -0.5px) rotate(0.5deg); }
92% {
- transform: translate(0.5px, -1.5px) rotate(0.5deg); }
+ transform: translate(1.5px, -0.5px) rotate(0.5deg); }
94% {
- transform: translate(0.5px, -0.5px) rotate(1.5deg); }
+ transform: translate(2.5px, -1.5px) rotate(1.5deg); }
96% {
- transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
+ transform: translate(1.5px, 0.5px) rotate(0.5deg); }
98% {
- transform: translate(0.5px, -1.5px) rotate(0.5deg); }
+ transform: translate(2.5px, -1.5px) rotate(1.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake:hover,
-.shake-trigger:hover .shake, .shake.shake-freeze, .shake.shake-constant {
+.shake {
animation-name: shake;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake.infinite {
animation-iteration-count: infinite; }
@keyframes shake-little {
2% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
4% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
6% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
8% {
- transform: translate(0px, 1px) rotate(0.5deg); }
- 10% {
transform: translate(1px, 0px) rotate(0.5deg); }
+ 10% {
+ transform: translate(1px, 1px) rotate(0.5deg); }
12% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
14% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
16% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
18% {
transform: translate(1px, 0px) rotate(0.5deg); }
20% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
22% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
24% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
26% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
28% {
transform: translate(0px, 0px) rotate(0.5deg); }
30% {
transform: translate(0px, 1px) rotate(0.5deg); }
32% {
- transform: translate(0px, 1px) rotate(0.5deg); }
- 34% {
transform: translate(1px, 0px) rotate(0.5deg); }
+ 34% {
+ transform: translate(1px, 1px) rotate(0.5deg); }
36% {
- transform: translate(0px, 0px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
38% {
transform: translate(1px, 0px) rotate(0.5deg); }
40% {
- transform: translate(0px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
42% {
transform: translate(1px, 0px) rotate(0.5deg); }
44% {
transform: translate(1px, 1px) rotate(0.5deg); }
46% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
48% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
50% {
- transform: translate(0px, 0px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
52% {
- transform: translate(0px, 0px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
54% {
transform: translate(0px, 0px) rotate(0.5deg); }
56% {
@@ -198,721 +181,739 @@
58% {
transform: translate(0px, 1px) rotate(0.5deg); }
60% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
62% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
64% {
- transform: translate(0px, 1px) rotate(0.5deg); }
- 66% {
transform: translate(0px, 0px) rotate(0.5deg); }
- 68% {
+ 66% {
transform: translate(0px, 1px) rotate(0.5deg); }
+ 68% {
+ transform: translate(1px, 0px) rotate(0.5deg); }
70% {
transform: translate(0px, 1px) rotate(0.5deg); }
72% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
74% {
- transform: translate(0px, 1px) rotate(0.5deg); }
- 76% {
transform: translate(1px, 1px) rotate(0.5deg); }
+ 76% {
+ transform: translate(0px, 0px) rotate(0.5deg); }
78% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
80% {
- transform: translate(0px, 1px) rotate(0.5deg); }
- 82% {
transform: translate(1px, 1px) rotate(0.5deg); }
+ 82% {
+ transform: translate(1px, 0px) rotate(0.5deg); }
84% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
86% {
- transform: translate(1px, 0px) rotate(0.5deg); }
+ transform: translate(1px, 1px) rotate(0.5deg); }
88% {
transform: translate(0px, 1px) rotate(0.5deg); }
90% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(1px, 0px) rotate(0.5deg); }
92% {
- transform: translate(0px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
94% {
transform: translate(1px, 0px) rotate(0.5deg); }
96% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 1px) rotate(0.5deg); }
98% {
- transform: translate(1px, 1px) rotate(0.5deg); }
+ transform: translate(0px, 0px) rotate(0.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-little:hover,
-.shake-trigger:hover .shake-little, .shake-little.shake-freeze, .shake-little.shake-constant {
+.shake-little {
animation-name: shake-little;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-little.infinite {
animation-iteration-count: infinite; }
@keyframes shake-slow {
2% {
- transform: translate(-9px, 9px) rotate(3.5deg); }
+ transform: translate(8px, -5px) rotate(3.5deg); }
4% {
- transform: translate(-2px, 8px) rotate(0.5deg); }
+ transform: translate(4px, -9px) rotate(-2.5deg); }
6% {
- transform: translate(-3px, 1px) rotate(-2.5deg); }
+ transform: translate(4px, -7px) rotate(-1.5deg); }
8% {
- transform: translate(8px, 1px) rotate(3.5deg); }
+ transform: translate(8px, -2px) rotate(-1.5deg); }
10% {
- transform: translate(-9px, 9px) rotate(-1.5deg); }
+ transform: translate(8px, 10px) rotate(0.5deg); }
12% {
- transform: translate(4px, -1px) rotate(-1.5deg); }
+ transform: translate(9px, -2px) rotate(-0.5deg); }
14% {
- transform: translate(3px, -1px) rotate(3.5deg); }
+ transform: translate(8px, 2px) rotate(-0.5deg); }
16% {
- transform: translate(-4px, 1px) rotate(-1.5deg); }
+ transform: translate(6px, 1px) rotate(2.5deg); }
18% {
- transform: translate(10px, 4px) rotate(1.5deg); }
+ transform: translate(1px, 2px) rotate(0.5deg); }
20% {
- transform: translate(9px, 0px) rotate(0.5deg); }
+ transform: translate(9px, -9px) rotate(-0.5deg); }
22% {
- transform: translate(9px, 1px) rotate(1.5deg); }
+ transform: translate(3px, -6px) rotate(0.5deg); }
24% {
- transform: translate(-7px, -5px) rotate(0.5deg); }
+ transform: translate(8px, 0px) rotate(2.5deg); }
26% {
- transform: translate(7px, -6px) rotate(0.5deg); }
+ transform: translate(1px, 10px) rotate(1.5deg); }
28% {
- transform: translate(9px, -1px) rotate(0.5deg); }
+ transform: translate(9px, 8px) rotate(3.5deg); }
30% {
- transform: translate(5px, -8px) rotate(-0.5deg); }
+ transform: translate(8px, 5px) rotate(0.5deg); }
32% {
- transform: translate(-6px, -5px) rotate(0.5deg); }
+ transform: translate(7px, -1px) rotate(-1.5deg); }
34% {
- transform: translate(-7px, 10px) rotate(-0.5deg); }
+ transform: translate(1px, 3px) rotate(1.5deg); }
36% {
- transform: translate(-6px, -4px) rotate(-1.5deg); }
+ transform: translate(-5px, -1px) rotate(-1.5deg); }
38% {
- transform: translate(-3px, -8px) rotate(-1.5deg); }
+ transform: translate(7px, 0px) rotate(0.5deg); }
40% {
- transform: translate(7px, -1px) rotate(-2.5deg); }
+ transform: translate(3px, -1px) rotate(-1.5deg); }
42% {
- transform: translate(3px, 2px) rotate(-2.5deg); }
+ transform: translate(-1px, 8px) rotate(-1.5deg); }
44% {
- transform: translate(9px, 6px) rotate(3.5deg); }
+ transform: translate(0px, 10px) rotate(-2.5deg); }
46% {
- transform: translate(8px, -1px) rotate(-1.5deg); }
+ transform: translate(-8px, -7px) rotate(0.5deg); }
48% {
- transform: translate(4px, -5px) rotate(2.5deg); }
+ transform: translate(10px, -5px) rotate(-2.5deg); }
50% {
- transform: translate(9px, 7px) rotate(3.5deg); }
+ transform: translate(7px, 0px) rotate(-1.5deg); }
52% {
- transform: translate(10px, 6px) rotate(0.5deg); }
+ transform: translate(5px, -1px) rotate(0.5deg); }
54% {
- transform: translate(0px, -3px) rotate(0.5deg); }
+ transform: translate(-3px, -5px) rotate(-1.5deg); }
56% {
- transform: translate(7px, 2px) rotate(3.5deg); }
+ transform: translate(2px, -1px) rotate(3.5deg); }
58% {
- transform: translate(10px, 5px) rotate(0.5deg); }
+ transform: translate(3px, 0px) rotate(-0.5deg); }
60% {
- transform: translate(0px, -5px) rotate(-1.5deg); }
+ transform: translate(6px, 9px) rotate(-0.5deg); }
62% {
- transform: translate(-9px, 1px) rotate(-0.5deg); }
+ transform: translate(10px, 2px) rotate(0.5deg); }
64% {
- transform: translate(-5px, -2px) rotate(-0.5deg); }
+ transform: translate(6px, 8px) rotate(0.5deg); }
66% {
- transform: translate(1px, -4px) rotate(0.5deg); }
+ transform: translate(-5px, -6px) rotate(-2.5deg); }
68% {
- transform: translate(1px, -4px) rotate(1.5deg); }
+ transform: translate(1px, -8px) rotate(-2.5deg); }
70% {
- transform: translate(-1px, 5px) rotate(3.5deg); }
+ transform: translate(-1px, 5px) rotate(1.5deg); }
72% {
- transform: translate(7px, -1px) rotate(-1.5deg); }
+ transform: translate(-2px, 0px) rotate(0.5deg); }
74% {
- transform: translate(-9px, -2px) rotate(0.5deg); }
+ transform: translate(9px, -2px) rotate(1.5deg); }
76% {
- transform: translate(8px, 0px) rotate(-0.5deg); }
+ transform: translate(9px, -3px) rotate(-0.5deg); }
78% {
- transform: translate(-1px, -6px) rotate(2.5deg); }
+ transform: translate(-1px, -6px) rotate(0.5deg); }
80% {
- transform: translate(-3px, 8px) rotate(0.5deg); }
+ transform: translate(-4px, 10px) rotate(2.5deg); }
82% {
- transform: translate(-3px, 6px) rotate(-1.5deg); }
+ transform: translate(0px, 8px) rotate(-2.5deg); }
84% {
- transform: translate(5px, 8px) rotate(-0.5deg); }
+ transform: translate(6px, -2px) rotate(3.5deg); }
86% {
- transform: translate(-2px, -2px) rotate(0.5deg); }
+ transform: translate(5px, 8px) rotate(-2.5deg); }
88% {
- transform: translate(-3px, -4px) rotate(1.5deg); }
+ transform: translate(2px, -4px) rotate(-1.5deg); }
90% {
- transform: translate(1px, 5px) rotate(2.5deg); }
+ transform: translate(-7px, 6px) rotate(0.5deg); }
92% {
- transform: translate(9px, 4px) rotate(2.5deg); }
+ transform: translate(-6px, -8px) rotate(-0.5deg); }
94% {
- transform: translate(-4px, 1px) rotate(-2.5deg); }
+ transform: translate(8px, -9px) rotate(3.5deg); }
96% {
- transform: translate(-1px, 3px) rotate(0.5deg); }
+ transform: translate(1px, -8px) rotate(3.5deg); }
98% {
- transform: translate(-1px, 5px) rotate(-0.5deg); }
+ transform: translate(-8px, -4px) rotate(-0.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-slow:hover,
-.shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
+.shake-slow {
animation-name: shake-slow;
animation-duration: 5s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-slow.infinite {
animation-iteration-count: infinite; }
@keyframes shake-hard {
2% {
- transform: translate(-2px, -2px) rotate(2.5deg); }
+ transform: translate(-1px, 7px) rotate(3.5deg); }
4% {
- transform: translate(5px, 8px) rotate(1.5deg); }
+ transform: translate(2px, 8px) rotate(3.5deg); }
6% {
- transform: translate(-5px, -1px) rotate(-0.5deg); }
+ transform: translate(-1px, 7px) rotate(-0.5deg); }
8% {
- transform: translate(3px, 9px) rotate(1.5deg); }
+ transform: translate(2px, 10px) rotate(3.5deg); }
10% {
- transform: translate(6px, -2px) rotate(1.5deg); }
+ transform: translate(-3px, -8px) rotate(2.5deg); }
12% {
- transform: translate(2px, 4px) rotate(-1.5deg); }
+ transform: translate(2px, -5px) rotate(0.5deg); }
14% {
- transform: translate(9px, -2px) rotate(-0.5deg); }
+ transform: translate(5px, 3px) rotate(0.5deg); }
16% {
- transform: translate(4px, 7px) rotate(-0.5deg); }
+ transform: translate(0px, 0px) rotate(-0.5deg); }
18% {
- transform: translate(0px, 9px) rotate(-1.5deg); }
+ transform: translate(6px, 0px) rotate(-1.5deg); }
20% {
- transform: translate(6px, -5px) rotate(2.5deg); }
+ transform: translate(8px, -7px) rotate(2.5deg); }
22% {
- transform: translate(6px, 2px) rotate(-0.5deg); }
+ transform: translate(6px, -3px) rotate(-1.5deg); }
24% {
- transform: translate(7px, -6px) rotate(3.5deg); }
+ transform: translate(4px, -2px) rotate(0.5deg); }
26% {
- transform: translate(10px, 7px) rotate(-0.5deg); }
+ transform: translate(6px, -6px) rotate(2.5deg); }
28% {
- transform: translate(-8px, 0px) rotate(-1.5deg); }
+ transform: translate(-8px, 5px) rotate(0.5deg); }
30% {
- transform: translate(10px, -1px) rotate(1.5deg); }
+ transform: translate(1px, 4px) rotate(-2.5deg); }
32% {
- transform: translate(-9px, -6px) rotate(-0.5deg); }
+ transform: translate(10px, -4px) rotate(-2.5deg); }
34% {
- transform: translate(9px, -3px) rotate(1.5deg); }
+ transform: translate(-4px, 5px) rotate(1.5deg); }
36% {
- transform: translate(-3px, 5px) rotate(-0.5deg); }
+ transform: translate(2px, 10px) rotate(3.5deg); }
38% {
- transform: translate(-1px, 1px) rotate(2.5deg); }
+ transform: translate(5px, 8px) rotate(1.5deg); }
40% {
- transform: translate(-1px, 8px) rotate(1.5deg); }
+ transform: translate(5px, 5px) rotate(2.5deg); }
42% {
- transform: translate(3px, -8px) rotate(0.5deg); }
+ transform: translate(5px, 9px) rotate(1.5deg); }
44% {
- transform: translate(-7px, 6px) rotate(1.5deg); }
+ transform: translate(6px, 10px) rotate(0.5deg); }
46% {
- transform: translate(-2px, 7px) rotate(3.5deg); }
+ transform: translate(0px, -5px) rotate(3.5deg); }
48% {
- transform: translate(-2px, 2px) rotate(-1.5deg); }
+ transform: translate(5px, 4px) rotate(1.5deg); }
50% {
- transform: translate(9px, 5px) rotate(-1.5deg); }
+ transform: translate(-5px, -8px) rotate(0.5deg); }
52% {
- transform: translate(-3px, 9px) rotate(-0.5deg); }
+ transform: translate(-5px, 0px) rotate(-0.5deg); }
54% {
- transform: translate(-7px, 10px) rotate(0.5deg); }
+ transform: translate(6px, -9px) rotate(3.5deg); }
56% {
- transform: translate(-5px, -4px) rotate(1.5deg); }
+ transform: translate(6px, 1px) rotate(2.5deg); }
58% {
- transform: translate(4px, 7px) rotate(-0.5deg); }
+ transform: translate(5px, -9px) rotate(0.5deg); }
60% {
- transform: translate(8px, 5px) rotate(2.5deg); }
+ transform: translate(-2px, -5px) rotate(-0.5deg); }
62% {
- transform: translate(0px, 2px) rotate(2.5deg); }
+ transform: translate(-5px, 8px) rotate(-0.5deg); }
64% {
- transform: translate(5px, 9px) rotate(0.5deg); }
+ transform: translate(-5px, -8px) rotate(-1.5deg); }
66% {
- transform: translate(-9px, 2px) rotate(0.5deg); }
+ transform: translate(-5px, -8px) rotate(-2.5deg); }
68% {
- transform: translate(-3px, 9px) rotate(-1.5deg); }
+ transform: translate(-1px, -9px) rotate(-2.5deg); }
70% {
- transform: translate(-9px, 2px) rotate(-0.5deg); }
+ transform: translate(-2px, -7px) rotate(3.5deg); }
72% {
- transform: translate(1px, 2px) rotate(2.5deg); }
+ transform: translate(6px, 7px) rotate(2.5deg); }
74% {
- transform: translate(-1px, -3px) rotate(1.5deg); }
+ transform: translate(0px, 6px) rotate(2.5deg); }
76% {
- transform: translate(0px, -8px) rotate(-1.5deg); }
+ transform: translate(6px, -4px) rotate(3.5deg); }
78% {
- transform: translate(-3px, 1px) rotate(3.5deg); }
+ transform: translate(2px, 3px) rotate(2.5deg); }
80% {
- transform: translate(9px, 3px) rotate(0.5deg); }
+ transform: translate(2px, -2px) rotate(-1.5deg); }
82% {
- transform: translate(-1px, -1px) rotate(3.5deg); }
+ transform: translate(-5px, -2px) rotate(-2.5deg); }
84% {
- transform: translate(-7px, 8px) rotate(2.5deg); }
+ transform: translate(1px, 6px) rotate(0.5deg); }
86% {
- transform: translate(-5px, 4px) rotate(2.5deg); }
+ transform: translate(4px, 3px) rotate(-0.5deg); }
88% {
- transform: translate(2px, -8px) rotate(-0.5deg); }
+ transform: translate(-8px, 3px) rotate(2.5deg); }
90% {
- transform: translate(-4px, -6px) rotate(0.5deg); }
+ transform: translate(8px, -4px) rotate(1.5deg); }
92% {
- transform: translate(2px, -2px) rotate(3.5deg); }
+ transform: translate(-6px, -3px) rotate(2.5deg); }
94% {
- transform: translate(-1px, 6px) rotate(3.5deg); }
+ transform: translate(8px, -9px) rotate(2.5deg); }
96% {
- transform: translate(-7px, 4px) rotate(-1.5deg); }
+ transform: translate(10px, 2px) rotate(3.5deg); }
98% {
- transform: translate(4px, -3px) rotate(1.5deg); }
+ transform: translate(-5px, -1px) rotate(-1.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-hard:hover,
-.shake-trigger:hover .shake-hard, .shake-hard.shake-freeze, .shake-hard.shake-constant {
+.shake-hard {
animation-name: shake-hard;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-hard.infinite {
animation-iteration-count: infinite; }
@keyframes shake-horizontal {
2% {
- transform: translate(7px, 0) rotate(0); }
+ transform: translate(-1px, 0) rotate(0); }
4% {
- transform: translate(-8px, 0) rotate(0); }
+ transform: translate(6px, 0) rotate(0); }
6% {
- transform: translate(-9px, 0) rotate(0); }
+ transform: translate(9px, 0) rotate(0); }
8% {
- transform: translate(-9px, 0) rotate(0); }
+ transform: translate(5px, 0) rotate(0); }
10% {
- transform: translate(0px, 0) rotate(0); }
+ transform: translate(7px, 0) rotate(0); }
12% {
- transform: translate(-5px, 0) rotate(0); }
+ transform: translate(0px, 0) rotate(0); }
14% {
- transform: translate(-4px, 0) rotate(0); }
+ transform: translate(1px, 0) rotate(0); }
16% {
- transform: translate(-4px, 0) rotate(0); }
+ transform: translate(-7px, 0) rotate(0); }
18% {
- transform: translate(5px, 0) rotate(0); }
+ transform: translate(7px, 0) rotate(0); }
20% {
- transform: translate(-3px, 0) rotate(0); }
+ transform: translate(8px, 0) rotate(0); }
22% {
- transform: translate(6px, 0) rotate(0); }
+ transform: translate(0px, 0) rotate(0); }
24% {
- transform: translate(9px, 0) rotate(0); }
+ transform: translate(-2px, 0) rotate(0); }
26% {
- transform: translate(-1px, 0) rotate(0); }
+ transform: translate(7px, 0) rotate(0); }
28% {
- transform: translate(-6px, 0) rotate(0); }
+ transform: translate(7px, 0) rotate(0); }
30% {
- transform: translate(4px, 0) rotate(0); }
+ transform: translate(3px, 0) rotate(0); }
32% {
- transform: translate(-7px, 0) rotate(0); }
+ transform: translate(9px, 0) rotate(0); }
34% {
transform: translate(2px, 0) rotate(0); }
36% {
- transform: translate(-3px, 0) rotate(0); }
+ transform: translate(-5px, 0) rotate(0); }
38% {
- transform: translate(-4px, 0) rotate(0); }
+ transform: translate(0px, 0) rotate(0); }
40% {
- transform: translate(-1px, 0) rotate(0); }
+ transform: translate(1px, 0) rotate(0); }
42% {
- transform: translate(3px, 0) rotate(0); }
+ transform: translate(0px, 0) rotate(0); }
44% {
- transform: translate(2px, 0) rotate(0); }
+ transform: translate(-4px, 0) rotate(0); }
46% {
- transform: translate(5px, 0) rotate(0); }
+ transform: translate(-4px, 0) rotate(0); }
48% {
- transform: translate(-3px, 0) rotate(0); }
+ transform: translate(9px, 0) rotate(0); }
50% {
- transform: translate(-2px, 0) rotate(0); }
+ transform: translate(8px, 0) rotate(0); }
52% {
- transform: translate(9px, 0) rotate(0); }
+ transform: translate(4px, 0) rotate(0); }
54% {
- transform: translate(-5px, 0) rotate(0); }
+ transform: translate(-3px, 0) rotate(0); }
56% {
- transform: translate(-2px, 0) rotate(0); }
+ transform: translate(-9px, 0) rotate(0); }
58% {
- transform: translate(-2px, 0) rotate(0); }
+ transform: translate(-8px, 0) rotate(0); }
60% {
- transform: translate(7px, 0) rotate(0); }
+ transform: translate(0px, 0) rotate(0); }
62% {
- transform: translate(-5px, 0) rotate(0); }
- 64% {
transform: translate(8px, 0) rotate(0); }
+ 64% {
+ transform: translate(0px, 0) rotate(0); }
66% {
- transform: translate(-5px, 0) rotate(0); }
+ transform: translate(-2px, 0) rotate(0); }
68% {
- transform: translate(-1px, 0) rotate(0); }
+ transform: translate(-8px, 0) rotate(0); }
70% {
- transform: translate(-5px, 0) rotate(0); }
+ transform: translate(3px, 0) rotate(0); }
72% {
- transform: translate(-4px, 0) rotate(0); }
+ transform: translate(-2px, 0) rotate(0); }
74% {
- transform: translate(10px, 0) rotate(0); }
+ transform: translate(-7px, 0) rotate(0); }
76% {
- transform: translate(-1px, 0) rotate(0); }
+ transform: translate(10px, 0) rotate(0); }
78% {
- transform: translate(9px, 0) rotate(0); }
+ transform: translate(4px, 0) rotate(0); }
80% {
- transform: translate(5px, 0) rotate(0); }
+ transform: translate(8px, 0) rotate(0); }
82% {
- transform: translate(-4px, 0) rotate(0); }
+ transform: translate(-5px, 0) rotate(0); }
84% {
- transform: translate(9px, 0) rotate(0); }
+ transform: translate(-4px, 0) rotate(0); }
86% {
- transform: translate(5px, 0) rotate(0); }
+ transform: translate(-1px, 0) rotate(0); }
88% {
- transform: translate(-9px, 0) rotate(0); }
+ transform: translate(-4px, 0) rotate(0); }
90% {
- transform: translate(8px, 0) rotate(0); }
+ transform: translate(10px, 0) rotate(0); }
92% {
- transform: translate(5px, 0) rotate(0); }
+ transform: translate(10px, 0) rotate(0); }
94% {
- transform: translate(9px, 0) rotate(0); }
+ transform: translate(0px, 0) rotate(0); }
96% {
- transform: translate(10px, 0) rotate(0); }
+ transform: translate(-9px, 0) rotate(0); }
98% {
- transform: translate(3px, 0) rotate(0); }
+ transform: translate(8px, 0) rotate(0); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-horizontal:hover,
-.shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {
+.shake-horizontal {
animation-name: shake-horizontal;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-horizontal.infinite {
animation-iteration-count: infinite; }
@keyframes shake-vertical {
2% {
- transform: translate(0, -2px) rotate(0); }
+ transform: translate(0, 8px) rotate(0); }
4% {
- transform: translate(0, 5px) rotate(0); }
+ transform: translate(0, 4px) rotate(0); }
6% {
- transform: translate(0, 8px) rotate(0); }
+ transform: translate(0, 7px) rotate(0); }
8% {
- transform: translate(0, -5px) rotate(0); }
+ transform: translate(0, -6px) rotate(0); }
10% {
- transform: translate(0, 8px) rotate(0); }
+ transform: translate(0, 6px) rotate(0); }
12% {
- transform: translate(0, -6px) rotate(0); }
+ transform: translate(0, 5px) rotate(0); }
14% {
- transform: translate(0, -9px) rotate(0); }
+ transform: translate(0, -3px) rotate(0); }
16% {
- transform: translate(0, -8px) rotate(0); }
+ transform: translate(0, 2px) rotate(0); }
18% {
- transform: translate(0, -8px) rotate(0); }
+ transform: translate(0, -3px) rotate(0); }
20% {
- transform: translate(0, -6px) rotate(0); }
+ transform: translate(0, 5px) rotate(0); }
22% {
transform: translate(0, 5px) rotate(0); }
24% {
- transform: translate(0, 8px) rotate(0); }
+ transform: translate(0, 5px) rotate(0); }
26% {
- transform: translate(0, -5px) rotate(0); }
+ transform: translate(0, 1px) rotate(0); }
28% {
- transform: translate(0, 5px) rotate(0); }
+ transform: translate(0, 6px) rotate(0); }
30% {
- transform: translate(0, 1px) rotate(0); }
+ transform: translate(0, -6px) rotate(0); }
32% {
- transform: translate(0, -9px) rotate(0); }
+ transform: translate(0, 3px) rotate(0); }
34% {
- transform: translate(0, 4px) rotate(0); }
+ transform: translate(0, -1px) rotate(0); }
36% {
- transform: translate(0, 6px) rotate(0); }
+ transform: translate(0, -9px) rotate(0); }
38% {
- transform: translate(0, 6px) rotate(0); }
+ transform: translate(0, 2px) rotate(0); }
40% {
- transform: translate(0, -3px) rotate(0); }
+ transform: translate(0, 3px) rotate(0); }
42% {
- transform: translate(0, 9px) rotate(0); }
+ transform: translate(0, -3px) rotate(0); }
44% {
- transform: translate(0, 10px) rotate(0); }
+ transform: translate(0, 2px) rotate(0); }
46% {
- transform: translate(0, 5px) rotate(0); }
+ transform: translate(0, -2px) rotate(0); }
48% {
- transform: translate(0, 10px) rotate(0); }
+ transform: translate(0, 6px) rotate(0); }
50% {
- transform: translate(0, 0px) rotate(0); }
+ transform: translate(0, -1px) rotate(0); }
52% {
- transform: translate(0, -2px) rotate(0); }
+ transform: translate(0, -3px) rotate(0); }
54% {
- transform: translate(0, 3px) rotate(0); }
+ transform: translate(0, -4px) rotate(0); }
56% {
- transform: translate(0, -3px) rotate(0); }
+ transform: translate(0, 2px) rotate(0); }
58% {
- transform: translate(0, 6px) rotate(0); }
+ transform: translate(0, -5px) rotate(0); }
60% {
- transform: translate(0, -4px) rotate(0); }
+ transform: translate(0, -1px) rotate(0); }
62% {
- transform: translate(0, -2px) rotate(0); }
+ transform: translate(0, 5px) rotate(0); }
64% {
- transform: translate(0, -2px) rotate(0); }
+ transform: translate(0, 6px) rotate(0); }
66% {
- transform: translate(0, 9px) rotate(0); }
- 68% {
transform: translate(0, 3px) rotate(0); }
+ 68% {
+ transform: translate(0, -8px) rotate(0); }
70% {
- transform: translate(0, 3px) rotate(0); }
+ transform: translate(0, 8px) rotate(0); }
72% {
- transform: translate(0, 2px) rotate(0); }
+ transform: translate(0, 4px) rotate(0); }
74% {
- transform: translate(0, -4px) rotate(0); }
+ transform: translate(0, 8px) rotate(0); }
76% {
- transform: translate(0, -1px) rotate(0); }
+ transform: translate(0, 8px) rotate(0); }
78% {
- transform: translate(0, 9px) rotate(0); }
+ transform: translate(0, 5px) rotate(0); }
80% {
- transform: translate(0, -5px) rotate(0); }
+ transform: translate(0, 5px) rotate(0); }
82% {
- transform: translate(0, -9px) rotate(0); }
+ transform: translate(0, -1px) rotate(0); }
84% {
- transform: translate(0, 10px) rotate(0); }
+ transform: translate(0, -1px) rotate(0); }
86% {
- transform: translate(0, 8px) rotate(0); }
+ transform: translate(0, -6px) rotate(0); }
88% {
- transform: translate(0, -1px) rotate(0); }
+ transform: translate(0, 2px) rotate(0); }
90% {
- transform: translate(0, 5px) rotate(0); }
+ transform: translate(0, 2px) rotate(0); }
92% {
- transform: translate(0, 7px) rotate(0); }
+ transform: translate(0, -3px) rotate(0); }
94% {
- transform: translate(0, 3px) rotate(0); }
+ transform: translate(0, -9px) rotate(0); }
96% {
- transform: translate(0, -1px) rotate(0); }
+ transform: translate(0, 3px) rotate(0); }
98% {
- transform: translate(0, -6px) rotate(0); }
+ transform: translate(0, -8px) rotate(0); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-vertical:hover,
-.shake-trigger:hover .shake-vertical, .shake-vertical.shake-freeze, .shake-vertical.shake-constant {
+.shake-vertical {
animation-name: shake-vertical;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-vertical.infinite {
animation-iteration-count: infinite; }
@keyframes shake-rotate {
2% {
- transform: translate(0, 0) rotate(-6.5deg); }
+ transform: translate(0, 0) rotate(4.5deg); }
4% {
- transform: translate(0, 0) rotate(7.5deg); }
+ transform: translate(0, 0) rotate(-0.5deg); }
6% {
- transform: translate(0, 0) rotate(4.5deg); }
+ transform: translate(0, 0) rotate(2.5deg); }
8% {
- transform: translate(0, 0) rotate(3.5deg); }
+ transform: translate(0, 0) rotate(2.5deg); }
10% {
- transform: translate(0, 0) rotate(-6.5deg); }
+ transform: translate(0, 0) rotate(-2.5deg); }
12% {
- transform: translate(0, 0) rotate(-0.5deg); }
+ transform: translate(0, 0) rotate(-1.5deg); }
14% {
- transform: translate(0, 0) rotate(-3.5deg); }
+ transform: translate(0, 0) rotate(1.5deg); }
16% {
- transform: translate(0, 0) rotate(2.5deg); }
+ transform: translate(0, 0) rotate(-4.5deg); }
18% {
- transform: translate(0, 0) rotate(6.5deg); }
+ transform: translate(0, 0) rotate(3.5deg); }
20% {
- transform: translate(0, 0) rotate(-4.5deg); }
+ transform: translate(0, 0) rotate(7.5deg); }
22% {
- transform: translate(0, 0) rotate(-1.5deg); }
- 24% {
transform: translate(0, 0) rotate(-0.5deg); }
+ 24% {
+ transform: translate(0, 0) rotate(-2.5deg); }
26% {
- transform: translate(0, 0) rotate(1.5deg); }
- 28% {
transform: translate(0, 0) rotate(-4.5deg); }
+ 28% {
+ transform: translate(0, 0) rotate(7.5deg); }
30% {
- transform: translate(0, 0) rotate(-1.5deg); }
+ transform: translate(0, 0) rotate(-0.5deg); }
32% {
- transform: translate(0, 0) rotate(3.5deg); }
+ transform: translate(0, 0) rotate(-0.5deg); }
34% {
transform: translate(0, 0) rotate(-5.5deg); }
36% {
- transform: translate(0, 0) rotate(-4.5deg); }
+ transform: translate(0, 0) rotate(3.5deg); }
38% {
- transform: translate(0, 0) rotate(4.5deg); }
- 40% {
transform: translate(0, 0) rotate(1.5deg); }
+ 40% {
+ transform: translate(0, 0) rotate(-3.5deg); }
42% {
- transform: translate(0, 0) rotate(1.5deg); }
+ transform: translate(0, 0) rotate(3.5deg); }
44% {
- transform: translate(0, 0) rotate(-4.5deg); }
+ transform: translate(0, 0) rotate(6.5deg); }
46% {
- transform: translate(0, 0) rotate(2.5deg); }
+ transform: translate(0, 0) rotate(6.5deg); }
48% {
- transform: translate(0, 0) rotate(7.5deg); }
+ transform: translate(0, 0) rotate(-2.5deg); }
50% {
- transform: translate(0, 0) rotate(-4.5deg); }
+ transform: translate(0, 0) rotate(-0.5deg); }
52% {
- transform: translate(0, 0) rotate(-3.5deg); }
+ transform: translate(0, 0) rotate(3.5deg); }
54% {
- transform: translate(0, 0) rotate(-2.5deg); }
+ transform: translate(0, 0) rotate(-3.5deg); }
56% {
transform: translate(0, 0) rotate(7.5deg); }
58% {
- transform: translate(0, 0) rotate(-4.5deg); }
+ transform: translate(0, 0) rotate(4.5deg); }
60% {
- transform: translate(0, 0) rotate(0.5deg); }
+ transform: translate(0, 0) rotate(-6.5deg); }
62% {
- transform: translate(0, 0) rotate(3.5deg); }
+ transform: translate(0, 0) rotate(6.5deg); }
64% {
- transform: translate(0, 0) rotate(-1.5deg); }
+ transform: translate(0, 0) rotate(-6.5deg); }
66% {
- transform: translate(0, 0) rotate(-0.5deg); }
+ transform: translate(0, 0) rotate(5.5deg); }
68% {
- transform: translate(0, 0) rotate(-3.5deg); }
+ transform: translate(0, 0) rotate(-4.5deg); }
70% {
- transform: translate(0, 0) rotate(6.5deg); }
+ transform: translate(0, 0) rotate(7.5deg); }
72% {
- transform: translate(0, 0) rotate(2.5deg); }
+ transform: translate(0, 0) rotate(3.5deg); }
74% {
transform: translate(0, 0) rotate(4.5deg); }
76% {
transform: translate(0, 0) rotate(4.5deg); }
78% {
- transform: translate(0, 0) rotate(-3.5deg); }
+ transform: translate(0, 0) rotate(-2.5deg); }
80% {
- transform: translate(0, 0) rotate(7.5deg); }
+ transform: translate(0, 0) rotate(0.5deg); }
82% {
- transform: translate(0, 0) rotate(-0.5deg); }
+ transform: translate(0, 0) rotate(-3.5deg); }
84% {
- transform: translate(0, 0) rotate(6.5deg); }
+ transform: translate(0, 0) rotate(-1.5deg); }
86% {
- transform: translate(0, 0) rotate(7.5deg); }
+ transform: translate(0, 0) rotate(2.5deg); }
88% {
- transform: translate(0, 0) rotate(7.5deg); }
+ transform: translate(0, 0) rotate(5.5deg); }
90% {
- transform: translate(0, 0) rotate(0.5deg); }
+ transform: translate(0, 0) rotate(-0.5deg); }
92% {
- transform: translate(0, 0) rotate(-1.5deg); }
+ transform: translate(0, 0) rotate(4.5deg); }
94% {
- transform: translate(0, 0) rotate(7.5deg); }
+ transform: translate(0, 0) rotate(5.5deg); }
96% {
- transform: translate(0, 0) rotate(-3.5deg); }
- 98% {
transform: translate(0, 0) rotate(-2.5deg); }
+ 98% {
+ transform: translate(0, 0) rotate(5.5deg); }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-rotate:hover,
-.shake-trigger:hover .shake-rotate, .shake-rotate.shake-freeze, .shake-rotate.shake-constant {
+.shake-rotate {
animation-name: shake-rotate;
- animation-duration: 100ms;
+ animation-duration: 0.8s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-rotate.infinite {
animation-iteration-count: infinite; }
@keyframes shake-opacity {
10% {
- transform: translate(-4px, -1px) rotate(0.5deg);
- opacity: 0.08; }
+ transform: translate(4px, -4px) rotate(2.5deg);
+ opacity: 0.02; }
20% {
- transform: translate(3px, 3px) rotate(2.5deg);
- opacity: 0.13; }
+ transform: translate(4px, 4px) rotate(2.5deg);
+ opacity: 0.99; }
30% {
- transform: translate(5px, 1px) rotate(1.5deg);
- opacity: 0.07; }
+ transform: translate(4px, 1px) rotate(0.5deg);
+ opacity: 0.84; }
40% {
- transform: translate(-2px, 0px) rotate(0.5deg);
- opacity: 0.17; }
+ transform: translate(-1px, 3px) rotate(0.5deg);
+ opacity: 0.07; }
50% {
- transform: translate(0px, 4px) rotate(-1.5deg);
- opacity: 0.43; }
+ transform: translate(-3px, -4px) rotate(-1.5deg);
+ opacity: 0.28; }
60% {
- transform: translate(1px, 1px) rotate(1.5deg);
- opacity: 0.02; }
+ transform: translate(3px, -4px) rotate(-0.5deg);
+ opacity: 0.09; }
70% {
- transform: translate(3px, 2px) rotate(2.5deg);
- opacity: 0.06; }
+ transform: translate(3px, 4px) rotate(-1.5deg);
+ opacity: 0.21; }
80% {
- transform: translate(-4px, 4px) rotate(2.5deg);
- opacity: 0.94; }
+ transform: translate(0px, 1px) rotate(-1.5deg);
+ opacity: 0.32; }
90% {
- transform: translate(3px, -4px) rotate(-0.5deg);
- opacity: 0.8; }
+ transform: translate(1px, 1px) rotate(-0.5deg);
+ opacity: 0.89; }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-opacity:hover,
-.shake-trigger:hover .shake-opacity, .shake-opacity.shake-freeze, .shake-opacity.shake-constant {
+.shake-opacity {
animation-name: shake-opacity;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-opacity.infinite {
animation-iteration-count: infinite; }
@keyframes shake-crazy {
10% {
- transform: translate(19px, 3px) rotate(-1deg);
- opacity: 0.39; }
+ transform: translate(-9px, -12px) rotate(-8deg);
+ opacity: 0.76; }
20% {
- transform: translate(0px, 19px) rotate(6deg);
- opacity: 0.55; }
+ transform: translate(8px, 1px) rotate(2deg);
+ opacity: 0.21; }
30% {
- transform: translate(15px, 20px) rotate(-5deg);
- opacity: 0.55; }
+ transform: translate(7px, 9px) rotate(10deg);
+ opacity: 0.43; }
40% {
- transform: translate(14px, -1px) rotate(9deg);
- opacity: 0.09; }
+ transform: translate(9px, -8px) rotate(-9deg);
+ opacity: 0.96; }
50% {
- transform: translate(18px, 3px) rotate(2deg);
- opacity: 0.26; }
+ transform: translate(3px, 7px) rotate(0deg);
+ opacity: 0.16; }
60% {
- transform: translate(1px, -3px) rotate(2deg);
- opacity: 0.23; }
+ transform: translate(9px, -10px) rotate(-1deg);
+ opacity: 0.9; }
70% {
- transform: translate(-7px, 17px) rotate(9deg);
- opacity: 0.81; }
+ transform: translate(3px, -8px) rotate(2deg);
+ opacity: 0.37; }
80% {
- transform: translate(19px, -1px) rotate(5deg);
- opacity: 0.95; }
+ transform: translate(-9px, 14px) rotate(9deg);
+ opacity: 0.51; }
90% {
- transform: translate(8px, -12px) rotate(-6deg);
- opacity: 0.16; }
+ transform: translate(9px, -18px) rotate(9deg);
+ opacity: 0.31; }
0%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-crazy:hover,
-.shake-trigger:hover .shake-crazy, .shake-crazy.shake-freeze, .shake-crazy.shake-constant {
+.shake-crazy {
animation-name: shake-crazy;
animation-duration: 100ms;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-crazy.infinite {
animation-iteration-count: infinite; }
@keyframes shake-chunk {
2% {
- transform: translate(-12px, -13px) rotate(-8deg); }
+ transform: translate(-13px, 8px) rotate(1deg); }
4% {
- transform: translate(9px, -1px) rotate(-14deg); }
+ transform: translate(15px, 13px) rotate(-11deg); }
6% {
- transform: translate(3px, -8px) rotate(-13deg); }
+ transform: translate(13px, -4px) rotate(-4deg); }
8% {
- transform: translate(14px, 13px) rotate(13deg); }
+ transform: translate(-13px, -8px) rotate(-5deg); }
10% {
- transform: translate(6px, 3px) rotate(13deg); }
+ transform: translate(-7px, -8px) rotate(-10deg); }
12% {
- transform: translate(-11px, -6px) rotate(4deg); }
+ transform: translate(5px, 9px) rotate(-5deg); }
14% {
- transform: translate(-10px, -5px) rotate(3deg); }
+ transform: translate(-7px, 6px) rotate(7deg); }
16% {
- transform: translate(10px, 10px) rotate(14deg); }
+ transform: translate(-6px, 2px) rotate(1deg); }
18% {
- transform: translate(-3px, 12px) rotate(-3deg); }
+ transform: translate(8px, 4px) rotate(5deg); }
20% {
- transform: translate(12px, -1px) rotate(-7deg); }
+ transform: translate(8px, 3px) rotate(-5deg); }
22% {
- transform: translate(6px, -7px) rotate(-7deg); }
+ transform: translate(-7px, 12px) rotate(14deg); }
24% {
- transform: translate(4px, -4px) rotate(-5deg); }
+ transform: translate(11px, -10px) rotate(-7deg); }
26% {
- transform: translate(-14px, 7px) rotate(-12deg); }
+ transform: translate(-8px, 3px) rotate(-9deg); }
28% {
- transform: translate(-3px, 5px) rotate(-2deg); }
+ transform: translate(14px, -11px) rotate(15deg); }
30% {
- transform: translate(-3px, 8px) rotate(-4deg); }
+ transform: translate(-2px, 8px) rotate(0deg); }
32% {
- transform: translate(-13px, -7px) rotate(-2deg); }
+ transform: translate(5px, -3px) rotate(-4deg); }
34% {
- transform: translate(-14px, 1px) rotate(8deg); }
+ transform: translate(6px, 13px) rotate(11deg); }
36% {
- transform: translate(0px, 10px) rotate(6deg); }
+ transform: translate(14px, 6px) rotate(8deg); }
38% {
- transform: translate(-9px, -1px) rotate(8deg); }
+ transform: translate(3px, -12px) rotate(-1deg); }
0%, 40%, 100% {
transform: translate(0, 0) rotate(0); } }
-.shake-chunk:hover,
-.shake-trigger:hover .shake-chunk, .shake-chunk.shake-freeze, .shake-chunk.shake-constant {
+.shake-chunk {
animation-name: shake-chunk;
animation-duration: 4s;
animation-timing-function: ease-in-out;
+ animation-iteration-count: 1; }
+
+.shake-chunk.infinite {
animation-iteration-count: infinite; }
diff --git a/dist/csshake.min.css b/dist/csshake.min.css
index 9a7d158..a781cb3 100644
--- a/dist/csshake.min.css
+++ b/dist/csshake.min.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake,.shake-little,.shake-slow,.shake-hard,.shake-horizontal,.shake-vertical,.shake-rotate,.shake-opacity,.shake-crazy,.shake-chunk{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake:hover,.shake-trigger:hover .shake,.shake-little:hover,.shake-trigger:hover .shake-little,.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-hard:hover,.shake-trigger:hover .shake-hard,.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal,.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-rotate:hover,.shake-trigger:hover .shake-rotate,.shake-opacity:hover,.shake-trigger:hover .shake-opacity,.shake-crazy:hover,.shake-trigger:hover .shake-crazy,.shake-chunk:hover,.shake-trigger:hover .shake-chunk{animation-play-state:running}@keyframes shake{2%{transform:translate(.5px, -1.5px) rotate(.5deg)}4%{transform:translate(1.5px, .5px) rotate(-.5deg)}6%{transform:translate(2.5px, 1.5px) rotate(1.5deg)}8%{transform:translate(-.5px, -1.5px) rotate(.5deg)}10%{transform:translate(2.5px, -1.5px) rotate(.5deg)}12%{transform:translate(-.5px, .5px) rotate(-.5deg)}14%{transform:translate(2.5px, 2.5px) rotate(.5deg)}16%{transform:translate(-1.5px, -1.5px) rotate(.5deg)}18%{transform:translate(-.5px, 2.5px) rotate(-.5deg)}20%{transform:translate(-1.5px, -1.5px) rotate(.5deg)}22%{transform:translate(-1.5px, -1.5px) rotate(.5deg)}24%{transform:translate(1.5px, -.5px) rotate(.5deg)}26%{transform:translate(1.5px, -.5px) rotate(-.5deg)}28%{transform:translate(-1.5px, 2.5px) rotate(-.5deg)}30%{transform:translate(2.5px, -.5px) rotate(1.5deg)}32%{transform:translate(2.5px, 2.5px) rotate(1.5deg)}34%{transform:translate(1.5px, 2.5px) rotate(.5deg)}36%{transform:translate(-1.5px, 1.5px) rotate(.5deg)}38%{transform:translate(-.5px, -.5px) rotate(1.5deg)}40%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}42%{transform:translate(2.5px, .5px) rotate(-.5deg)}44%{transform:translate(1.5px, -1.5px) rotate(.5deg)}46%{transform:translate(.5px, -.5px) rotate(1.5deg)}48%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}50%{transform:translate(-.5px, 2.5px) rotate(-.5deg)}52%{transform:translate(1.5px, 2.5px) rotate(.5deg)}54%{transform:translate(1.5px, 1.5px) rotate(.5deg)}56%{transform:translate(-.5px, .5px) rotate(1.5deg)}58%{transform:translate(2.5px, -.5px) rotate(1.5deg)}60%{transform:translate(2.5px, .5px) rotate(1.5deg)}62%{transform:translate(-.5px, -.5px) rotate(1.5deg)}64%{transform:translate(.5px, 2.5px) rotate(-.5deg)}66%{transform:translate(.5px, -1.5px) rotate(.5deg)}68%{transform:translate(2.5px, 2.5px) rotate(.5deg)}70%{transform:translate(2.5px, 1.5px) rotate(1.5deg)}72%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}74%{transform:translate(.5px, -1.5px) rotate(.5deg)}76%{transform:translate(-.5px, 1.5px) rotate(1.5deg)}78%{transform:translate(-.5px, .5px) rotate(-.5deg)}80%{transform:translate(-.5px, 1.5px) rotate(.5deg)}82%{transform:translate(1.5px, -1.5px) rotate(1.5deg)}84%{transform:translate(2.5px, 1.5px) rotate(1.5deg)}86%{transform:translate(-.5px, .5px) rotate(1.5deg)}88%{transform:translate(1.5px, 1.5px) rotate(.5deg)}90%{transform:translate(2.5px, -1.5px) rotate(-.5deg)}92%{transform:translate(1.5px, -.5px) rotate(1.5deg)}94%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}96%{transform:translate(-.5px, 2.5px) rotate(-.5deg)}98%{transform:translate(.5px, 1.5px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake:hover,.shake-trigger:hover .shake,.shake.shake-freeze,.shake.shake-constant{animation-name:shake;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-little{2%{transform:translate(0px, 0px) rotate(.5deg)}4%{transform:translate(0px, 0px) rotate(.5deg)}6%{transform:translate(1px, 1px) rotate(.5deg)}8%{transform:translate(0px, 0px) rotate(.5deg)}10%{transform:translate(0px, 1px) rotate(.5deg)}12%{transform:translate(0px, 1px) rotate(.5deg)}14%{transform:translate(1px, 1px) rotate(.5deg)}16%{transform:translate(0px, 0px) rotate(.5deg)}18%{transform:translate(0px, 1px) rotate(.5deg)}20%{transform:translate(0px, 1px) rotate(.5deg)}22%{transform:translate(1px, 0px) rotate(.5deg)}24%{transform:translate(0px, 0px) rotate(.5deg)}26%{transform:translate(1px, 1px) rotate(.5deg)}28%{transform:translate(1px, 1px) rotate(.5deg)}30%{transform:translate(0px, 0px) rotate(.5deg)}32%{transform:translate(0px, 0px) rotate(.5deg)}34%{transform:translate(1px, 1px) rotate(.5deg)}36%{transform:translate(0px, 0px) rotate(.5deg)}38%{transform:translate(0px, 0px) rotate(.5deg)}40%{transform:translate(1px, 1px) rotate(.5deg)}42%{transform:translate(1px, 0px) rotate(.5deg)}44%{transform:translate(0px, 1px) rotate(.5deg)}46%{transform:translate(1px, 1px) rotate(.5deg)}48%{transform:translate(0px, 0px) rotate(.5deg)}50%{transform:translate(1px, 0px) rotate(.5deg)}52%{transform:translate(0px, 1px) rotate(.5deg)}54%{transform:translate(0px, 0px) rotate(.5deg)}56%{transform:translate(1px, 1px) rotate(.5deg)}58%{transform:translate(0px, 0px) rotate(.5deg)}60%{transform:translate(0px, 1px) rotate(.5deg)}62%{transform:translate(1px, 1px) rotate(.5deg)}64%{transform:translate(1px, 1px) rotate(.5deg)}66%{transform:translate(1px, 0px) rotate(.5deg)}68%{transform:translate(0px, 1px) rotate(.5deg)}70%{transform:translate(1px, 0px) rotate(.5deg)}72%{transform:translate(1px, 0px) rotate(.5deg)}74%{transform:translate(0px, 1px) rotate(.5deg)}76%{transform:translate(0px, 0px) rotate(.5deg)}78%{transform:translate(0px, 1px) rotate(.5deg)}80%{transform:translate(0px, 0px) rotate(.5deg)}82%{transform:translate(1px, 0px) rotate(.5deg)}84%{transform:translate(0px, 0px) rotate(.5deg)}86%{transform:translate(0px, 1px) rotate(.5deg)}88%{transform:translate(0px, 1px) rotate(.5deg)}90%{transform:translate(1px, 1px) rotate(.5deg)}92%{transform:translate(1px, 1px) rotate(.5deg)}94%{transform:translate(1px, 1px) rotate(.5deg)}96%{transform:translate(1px, 0px) rotate(.5deg)}98%{transform:translate(1px, 0px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-little:hover,.shake-trigger:hover .shake-little,.shake-little.shake-freeze,.shake-little.shake-constant{animation-name:shake-little;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-slow{2%{transform:translate(-6px, 0px) rotate(3.5deg)}4%{transform:translate(4px, 8px) rotate(.5deg)}6%{transform:translate(4px, 2px) rotate(-2.5deg)}8%{transform:translate(-7px, -7px) rotate(-.5deg)}10%{transform:translate(-3px, 7px) rotate(.5deg)}12%{transform:translate(-4px, -7px) rotate(-.5deg)}14%{transform:translate(9px, 5px) rotate(.5deg)}16%{transform:translate(1px, 5px) rotate(.5deg)}18%{transform:translate(-6px, 3px) rotate(.5deg)}20%{transform:translate(10px, 7px) rotate(-.5deg)}22%{transform:translate(7px, -8px) rotate(3.5deg)}24%{transform:translate(-3px, 4px) rotate(-.5deg)}26%{transform:translate(-9px, -1px) rotate(-2.5deg)}28%{transform:translate(1px, 4px) rotate(-.5deg)}30%{transform:translate(1px, 1px) rotate(-2.5deg)}32%{transform:translate(10px, -5px) rotate(1.5deg)}34%{transform:translate(-7px, -4px) rotate(3.5deg)}36%{transform:translate(6px, 9px) rotate(1.5deg)}38%{transform:translate(8px, 0px) rotate(.5deg)}40%{transform:translate(-2px, -7px) rotate(1.5deg)}42%{transform:translate(-3px, 10px) rotate(-1.5deg)}44%{transform:translate(6px, 3px) rotate(.5deg)}46%{transform:translate(8px, -9px) rotate(-2.5deg)}48%{transform:translate(0px, 0px) rotate(1.5deg)}50%{transform:translate(-7px, 1px) rotate(3.5deg)}52%{transform:translate(9px, 4px) rotate(-1.5deg)}54%{transform:translate(0px, 4px) rotate(-2.5deg)}56%{transform:translate(-2px, 10px) rotate(1.5deg)}58%{transform:translate(-2px, -7px) rotate(2.5deg)}60%{transform:translate(-1px, 2px) rotate(3.5deg)}62%{transform:translate(-9px, -3px) rotate(2.5deg)}64%{transform:translate(-3px, -4px) rotate(2.5deg)}66%{transform:translate(8px, -6px) rotate(3.5deg)}68%{transform:translate(7px, -4px) rotate(-2.5deg)}70%{transform:translate(10px, 6px) rotate(-2.5deg)}72%{transform:translate(0px, 5px) rotate(-1.5deg)}74%{transform:translate(-6px, 1px) rotate(2.5deg)}76%{transform:translate(-3px, 5px) rotate(-2.5deg)}78%{transform:translate(-3px, 2px) rotate(.5deg)}80%{transform:translate(-8px, -8px) rotate(1.5deg)}82%{transform:translate(-4px, 7px) rotate(1.5deg)}84%{transform:translate(-7px, -9px) rotate(.5deg)}86%{transform:translate(-9px, 4px) rotate(-1.5deg)}88%{transform:translate(4px, 8px) rotate(2.5deg)}90%{transform:translate(5px, 9px) rotate(3.5deg)}92%{transform:translate(-5px, 7px) rotate(-.5deg)}94%{transform:translate(9px, 9px) rotate(1.5deg)}96%{transform:translate(5px, 2px) rotate(3.5deg)}98%{transform:translate(1px, -8px) rotate(-1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-slow.shake-freeze,.shake-slow.shake-constant{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-hard{2%{transform:translate(10px, -7px) rotate(1.5deg)}4%{transform:translate(-7px, -7px) rotate(2.5deg)}6%{transform:translate(7px, 2px) rotate(3.5deg)}8%{transform:translate(-3px, -1px) rotate(-2.5deg)}10%{transform:translate(-4px, -8px) rotate(3.5deg)}12%{transform:translate(4px, 9px) rotate(-2.5deg)}14%{transform:translate(2px, -7px) rotate(-2.5deg)}16%{transform:translate(3px, 2px) rotate(-2.5deg)}18%{transform:translate(3px, -5px) rotate(-1.5deg)}20%{transform:translate(1px, -3px) rotate(-2.5deg)}22%{transform:translate(1px, -3px) rotate(1.5deg)}24%{transform:translate(0px, -8px) rotate(3.5deg)}26%{transform:translate(8px, 2px) rotate(.5deg)}28%{transform:translate(-7px, 3px) rotate(-.5deg)}30%{transform:translate(-8px, 2px) rotate(.5deg)}32%{transform:translate(6px, 7px) rotate(.5deg)}34%{transform:translate(-8px, 7px) rotate(3.5deg)}36%{transform:translate(-7px, 6px) rotate(3.5deg)}38%{transform:translate(-5px, 0px) rotate(-2.5deg)}40%{transform:translate(8px, 10px) rotate(3.5deg)}42%{transform:translate(-7px, -1px) rotate(.5deg)}44%{transform:translate(-7px, -3px) rotate(-.5deg)}46%{transform:translate(-1px, 9px) rotate(1.5deg)}48%{transform:translate(10px, -6px) rotate(2.5deg)}50%{transform:translate(8px, 0px) rotate(3.5deg)}52%{transform:translate(-2px, 8px) rotate(.5deg)}54%{transform:translate(0px, -1px) rotate(.5deg)}56%{transform:translate(-7px, 5px) rotate(3.5deg)}58%{transform:translate(3px, -4px) rotate(-.5deg)}60%{transform:translate(2px, 6px) rotate(2.5deg)}62%{transform:translate(-2px, 10px) rotate(-1.5deg)}64%{transform:translate(-9px, 5px) rotate(-1.5deg)}66%{transform:translate(-9px, -4px) rotate(-1.5deg)}68%{transform:translate(-7px, -1px) rotate(.5deg)}70%{transform:translate(-3px, 9px) rotate(-1.5deg)}72%{transform:translate(8px, -3px) rotate(3.5deg)}74%{transform:translate(4px, -4px) rotate(-1.5deg)}76%{transform:translate(-8px, 8px) rotate(2.5deg)}78%{transform:translate(8px, -9px) rotate(1.5deg)}80%{transform:translate(-2px, -2px) rotate(3.5deg)}82%{transform:translate(-4px, -5px) rotate(-.5deg)}84%{transform:translate(0px, 1px) rotate(.5deg)}86%{transform:translate(-5px, -1px) rotate(-.5deg)}88%{transform:translate(-1px, 4px) rotate(-.5deg)}90%{transform:translate(2px, -1px) rotate(-2.5deg)}92%{transform:translate(8px, 6px) rotate(1.5deg)}94%{transform:translate(-3px, -9px) rotate(-1.5deg)}96%{transform:translate(0px, 2px) rotate(3.5deg)}98%{transform:translate(-8px, 7px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-hard:hover,.shake-trigger:hover .shake-hard,.shake-hard.shake-freeze,.shake-hard.shake-constant{animation-name:shake-hard;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-horizontal{2%{transform:translate(9px, 0) rotate(0)}4%{transform:translate(10px, 0) rotate(0)}6%{transform:translate(-4px, 0) rotate(0)}8%{transform:translate(2px, 0) rotate(0)}10%{transform:translate(9px, 0) rotate(0)}12%{transform:translate(10px, 0) rotate(0)}14%{transform:translate(6px, 0) rotate(0)}16%{transform:translate(-9px, 0) rotate(0)}18%{transform:translate(10px, 0) rotate(0)}20%{transform:translate(-1px, 0) rotate(0)}22%{transform:translate(-7px, 0) rotate(0)}24%{transform:translate(-5px, 0) rotate(0)}26%{transform:translate(-1px, 0) rotate(0)}28%{transform:translate(-3px, 0) rotate(0)}30%{transform:translate(6px, 0) rotate(0)}32%{transform:translate(10px, 0) rotate(0)}34%{transform:translate(3px, 0) rotate(0)}36%{transform:translate(3px, 0) rotate(0)}38%{transform:translate(-6px, 0) rotate(0)}40%{transform:translate(-8px, 0) rotate(0)}42%{transform:translate(3px, 0) rotate(0)}44%{transform:translate(1px, 0) rotate(0)}46%{transform:translate(4px, 0) rotate(0)}48%{transform:translate(-9px, 0) rotate(0)}50%{transform:translate(9px, 0) rotate(0)}52%{transform:translate(-2px, 0) rotate(0)}54%{transform:translate(-8px, 0) rotate(0)}56%{transform:translate(6px, 0) rotate(0)}58%{transform:translate(-3px, 0) rotate(0)}60%{transform:translate(-4px, 0) rotate(0)}62%{transform:translate(10px, 0) rotate(0)}64%{transform:translate(2px, 0) rotate(0)}66%{transform:translate(-4px, 0) rotate(0)}68%{transform:translate(10px, 0) rotate(0)}70%{transform:translate(-2px, 0) rotate(0)}72%{transform:translate(3px, 0) rotate(0)}74%{transform:translate(-6px, 0) rotate(0)}76%{transform:translate(-5px, 0) rotate(0)}78%{transform:translate(3px, 0) rotate(0)}80%{transform:translate(-2px, 0) rotate(0)}82%{transform:translate(-5px, 0) rotate(0)}84%{transform:translate(-4px, 0) rotate(0)}86%{transform:translate(2px, 0) rotate(0)}88%{transform:translate(-7px, 0) rotate(0)}90%{transform:translate(8px, 0) rotate(0)}92%{transform:translate(-9px, 0) rotate(0)}94%{transform:translate(5px, 0) rotate(0)}96%{transform:translate(1px, 0) rotate(0)}98%{transform:translate(1px, 0) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal,.shake-horizontal.shake-freeze,.shake-horizontal.shake-constant{animation-name:shake-horizontal;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-vertical{2%{transform:translate(0, 7px) rotate(0)}4%{transform:translate(0, -7px) rotate(0)}6%{transform:translate(0, 7px) rotate(0)}8%{transform:translate(0, -6px) rotate(0)}10%{transform:translate(0, 4px) rotate(0)}12%{transform:translate(0, 8px) rotate(0)}14%{transform:translate(0, 0px) rotate(0)}16%{transform:translate(0, -9px) rotate(0)}18%{transform:translate(0, -5px) rotate(0)}20%{transform:translate(0, 7px) rotate(0)}22%{transform:translate(0, 1px) rotate(0)}24%{transform:translate(0, -1px) rotate(0)}26%{transform:translate(0, -4px) rotate(0)}28%{transform:translate(0, 2px) rotate(0)}30%{transform:translate(0, 0px) rotate(0)}32%{transform:translate(0, -9px) rotate(0)}34%{transform:translate(0, -5px) rotate(0)}36%{transform:translate(0, 1px) rotate(0)}38%{transform:translate(0, -6px) rotate(0)}40%{transform:translate(0, 6px) rotate(0)}42%{transform:translate(0, 8px) rotate(0)}44%{transform:translate(0, 4px) rotate(0)}46%{transform:translate(0, -4px) rotate(0)}48%{transform:translate(0, 0px) rotate(0)}50%{transform:translate(0, 10px) rotate(0)}52%{transform:translate(0, -5px) rotate(0)}54%{transform:translate(0, 10px) rotate(0)}56%{transform:translate(0, -4px) rotate(0)}58%{transform:translate(0, -8px) rotate(0)}60%{transform:translate(0, -5px) rotate(0)}62%{transform:translate(0, -1px) rotate(0)}64%{transform:translate(0, -6px) rotate(0)}66%{transform:translate(0, 6px) rotate(0)}68%{transform:translate(0, -3px) rotate(0)}70%{transform:translate(0, -8px) rotate(0)}72%{transform:translate(0, -5px) rotate(0)}74%{transform:translate(0, 1px) rotate(0)}76%{transform:translate(0, -7px) rotate(0)}78%{transform:translate(0, -3px) rotate(0)}80%{transform:translate(0, 5px) rotate(0)}82%{transform:translate(0, 0px) rotate(0)}84%{transform:translate(0, 8px) rotate(0)}86%{transform:translate(0, 6px) rotate(0)}88%{transform:translate(0, 6px) rotate(0)}90%{transform:translate(0, -7px) rotate(0)}92%{transform:translate(0, 6px) rotate(0)}94%{transform:translate(0, -1px) rotate(0)}96%{transform:translate(0, 7px) rotate(0)}98%{transform:translate(0, 2px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-vertical.shake-freeze,.shake-vertical.shake-constant{animation-name:shake-vertical;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-rotate{2%{transform:translate(0, 0) rotate(2.5deg)}4%{transform:translate(0, 0) rotate(-2.5deg)}6%{transform:translate(0, 0) rotate(7.5deg)}8%{transform:translate(0, 0) rotate(-.5deg)}10%{transform:translate(0, 0) rotate(1.5deg)}12%{transform:translate(0, 0) rotate(3.5deg)}14%{transform:translate(0, 0) rotate(3.5deg)}16%{transform:translate(0, 0) rotate(6.5deg)}18%{transform:translate(0, 0) rotate(.5deg)}20%{transform:translate(0, 0) rotate(-3.5deg)}22%{transform:translate(0, 0) rotate(6.5deg)}24%{transform:translate(0, 0) rotate(5.5deg)}26%{transform:translate(0, 0) rotate(-5.5deg)}28%{transform:translate(0, 0) rotate(4.5deg)}30%{transform:translate(0, 0) rotate(-3.5deg)}32%{transform:translate(0, 0) rotate(-.5deg)}34%{transform:translate(0, 0) rotate(-3.5deg)}36%{transform:translate(0, 0) rotate(-4.5deg)}38%{transform:translate(0, 0) rotate(-6.5deg)}40%{transform:translate(0, 0) rotate(3.5deg)}42%{transform:translate(0, 0) rotate(1.5deg)}44%{transform:translate(0, 0) rotate(3.5deg)}46%{transform:translate(0, 0) rotate(-6.5deg)}48%{transform:translate(0, 0) rotate(-.5deg)}50%{transform:translate(0, 0) rotate(7.5deg)}52%{transform:translate(0, 0) rotate(3.5deg)}54%{transform:translate(0, 0) rotate(-3.5deg)}56%{transform:translate(0, 0) rotate(1.5deg)}58%{transform:translate(0, 0) rotate(5.5deg)}60%{transform:translate(0, 0) rotate(-3.5deg)}62%{transform:translate(0, 0) rotate(5.5deg)}64%{transform:translate(0, 0) rotate(5.5deg)}66%{transform:translate(0, 0) rotate(5.5deg)}68%{transform:translate(0, 0) rotate(6.5deg)}70%{transform:translate(0, 0) rotate(-4.5deg)}72%{transform:translate(0, 0) rotate(1.5deg)}74%{transform:translate(0, 0) rotate(.5deg)}76%{transform:translate(0, 0) rotate(-3.5deg)}78%{transform:translate(0, 0) rotate(-2.5deg)}80%{transform:translate(0, 0) rotate(-.5deg)}82%{transform:translate(0, 0) rotate(.5deg)}84%{transform:translate(0, 0) rotate(-5.5deg)}86%{transform:translate(0, 0) rotate(1.5deg)}88%{transform:translate(0, 0) rotate(-.5deg)}90%{transform:translate(0, 0) rotate(-.5deg)}92%{transform:translate(0, 0) rotate(-5.5deg)}94%{transform:translate(0, 0) rotate(-.5deg)}96%{transform:translate(0, 0) rotate(-1.5deg)}98%{transform:translate(0, 0) rotate(-5.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-rotate:hover,.shake-trigger:hover .shake-rotate,.shake-rotate.shake-freeze,.shake-rotate.shake-constant{animation-name:shake-rotate;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-opacity{10%{transform:translate(-1px, 2px) rotate(-1.5deg);opacity:.4}20%{transform:translate(4px, -4px) rotate(2.5deg);opacity:1}30%{transform:translate(3px, -1px) rotate(-1.5deg);opacity:.18}40%{transform:translate(-3px, 5px) rotate(-.5deg);opacity:.19}50%{transform:translate(3px, -4px) rotate(1.5deg);opacity:.16}60%{transform:translate(4px, 3px) rotate(2.5deg);opacity:.08}70%{transform:translate(5px, 2px) rotate(2.5deg);opacity:.79}80%{transform:translate(5px, -4px) rotate(-.5deg);opacity:.16}90%{transform:translate(1px, -2px) rotate(.5deg);opacity:.28}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-opacity:hover,.shake-trigger:hover .shake-opacity,.shake-opacity.shake-freeze,.shake-opacity.shake-constant{animation-name:shake-opacity;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-crazy{10%{transform:translate(-12px, -17px) rotate(-1deg);opacity:.83}20%{transform:translate(-5px, -12px) rotate(6deg);opacity:.26}30%{transform:translate(-17px, 14px) rotate(-4deg);opacity:.57}40%{transform:translate(5px, 13px) rotate(-5deg);opacity:.92}50%{transform:translate(2px, 1px) rotate(-9deg);opacity:.66}60%{transform:translate(7px, -7px) rotate(9deg);opacity:.73}70%{transform:translate(-6px, 9px) rotate(-5deg);opacity:.44}80%{transform:translate(8px, -16px) rotate(9deg);opacity:.64}90%{transform:translate(-15px, 12px) rotate(-1deg);opacity:.8}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-crazy:hover,.shake-trigger:hover .shake-crazy,.shake-crazy.shake-freeze,.shake-crazy.shake-constant{animation-name:shake-crazy;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-chunk{2%{transform:translate(9px, -9px) rotate(7deg)}4%{transform:translate(-3px, -12px) rotate(7deg)}6%{transform:translate(12px, -7px) rotate(-10deg)}8%{transform:translate(11px, 3px) rotate(-9deg)}10%{transform:translate(12px, 10px) rotate(-5deg)}12%{transform:translate(-9px, 6px) rotate(6deg)}14%{transform:translate(10px, 6px) rotate(-8deg)}16%{transform:translate(-13px, 13px) rotate(11deg)}18%{transform:translate(-6px, -12px) rotate(-13deg)}20%{transform:translate(13px, 4px) rotate(-8deg)}22%{transform:translate(-1px, -11px) rotate(11deg)}24%{transform:translate(9px, 13px) rotate(-12deg)}26%{transform:translate(-10px, -11px) rotate(7deg)}28%{transform:translate(8px, -9px) rotate(12deg)}30%{transform:translate(8px, -3px) rotate(14deg)}32%{transform:translate(5px, 3px) rotate(-13deg)}34%{transform:translate(6px, -2px) rotate(10deg)}36%{transform:translate(-14px, 1px) rotate(15deg)}38%{transform:translate(4px, 7px) rotate(-8deg)}0%,40%,100%{transform:translate(0, 0) rotate(0)}}.shake-chunk:hover,.shake-trigger:hover .shake-chunk,.shake-chunk.shake-freeze,.shake-chunk.shake-constant{animation-name:shake-chunk;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake,.shake-little,.shake-slow,.shake-hard,.shake-horizontal,.shake-vertical,.shake-rotate,.shake-opacity,.shake-crazy,.shake-chunk{display:inherit;transform-origin:center center}@keyframes shake{2%{transform:translate(1.5px, .5px) rotate(1.5deg)}4%{transform:translate(-1.5px, -.5px) rotate(-.5deg)}6%{transform:translate(.5px, 2.5px) rotate(.5deg)}8%{transform:translate(1.5px, -.5px) rotate(1.5deg)}10%{transform:translate(-1.5px, -1.5px) rotate(.5deg)}12%{transform:translate(-.5px, 2.5px) rotate(-.5deg)}14%{transform:translate(2.5px, .5px) rotate(-.5deg)}16%{transform:translate(-.5px, 1.5px) rotate(-.5deg)}18%{transform:translate(.5px, -1.5px) rotate(1.5deg)}20%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}22%{transform:translate(1.5px, .5px) rotate(.5deg)}24%{transform:translate(-.5px, .5px) rotate(1.5deg)}26%{transform:translate(-1.5px, -.5px) rotate(1.5deg)}28%{transform:translate(-1.5px, 2.5px) rotate(-.5deg)}30%{transform:translate(2.5px, -.5px) rotate(.5deg)}32%{transform:translate(-1.5px, -.5px) rotate(.5deg)}34%{transform:translate(1.5px, .5px) rotate(-.5deg)}36%{transform:translate(-1.5px, -1.5px) rotate(-.5deg)}38%{transform:translate(.5px, 2.5px) rotate(-.5deg)}40%{transform:translate(1.5px, 2.5px) rotate(1.5deg)}42%{transform:translate(-1.5px, -.5px) rotate(1.5deg)}44%{transform:translate(-.5px, 2.5px) rotate(-.5deg)}46%{transform:translate(1.5px, .5px) rotate(-.5deg)}48%{transform:translate(.5px, .5px) rotate(1.5deg)}50%{transform:translate(-.5px, -.5px) rotate(-.5deg)}52%{transform:translate(2.5px, 1.5px) rotate(1.5deg)}54%{transform:translate(.5px, -1.5px) rotate(-.5deg)}56%{transform:translate(-.5px, -.5px) rotate(-.5deg)}58%{transform:translate(2.5px, -.5px) rotate(.5deg)}60%{transform:translate(-1.5px, -1.5px) rotate(.5deg)}62%{transform:translate(1.5px, 1.5px) rotate(1.5deg)}64%{transform:translate(.5px, .5px) rotate(.5deg)}66%{transform:translate(.5px, 2.5px) rotate(1.5deg)}68%{transform:translate(2.5px, -.5px) rotate(1.5deg)}70%{transform:translate(.5px, -1.5px) rotate(.5deg)}72%{transform:translate(1.5px, -1.5px) rotate(1.5deg)}74%{transform:translate(.5px, -.5px) rotate(.5deg)}76%{transform:translate(1.5px, .5px) rotate(-.5deg)}78%{transform:translate(-1.5px, .5px) rotate(-.5deg)}80%{transform:translate(-.5px, 1.5px) rotate(.5deg)}82%{transform:translate(-1.5px, .5px) rotate(.5deg)}84%{transform:translate(-.5px, 2.5px) rotate(1.5deg)}86%{transform:translate(-1.5px, 2.5px) rotate(-.5deg)}88%{transform:translate(2.5px, -.5px) rotate(.5deg)}90%{transform:translate(1.5px, 2.5px) rotate(1.5deg)}92%{transform:translate(1.5px, -.5px) rotate(-.5deg)}94%{transform:translate(1.5px, -.5px) rotate(1.5deg)}96%{transform:translate(.5px, -1.5px) rotate(.5deg)}98%{transform:translate(2.5px, 1.5px) rotate(-.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake{animation-name:shake;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake.infinite{animation-iteration-count:infinite}@keyframes shake-little{2%{transform:translate(0px, 1px) rotate(.5deg)}4%{transform:translate(1px, 0px) rotate(.5deg)}6%{transform:translate(0px, 1px) rotate(.5deg)}8%{transform:translate(1px, 1px) rotate(.5deg)}10%{transform:translate(1px, 1px) rotate(.5deg)}12%{transform:translate(0px, 0px) rotate(.5deg)}14%{transform:translate(0px, 0px) rotate(.5deg)}16%{transform:translate(1px, 1px) rotate(.5deg)}18%{transform:translate(0px, 1px) rotate(.5deg)}20%{transform:translate(0px, 0px) rotate(.5deg)}22%{transform:translate(1px, 1px) rotate(.5deg)}24%{transform:translate(0px, 0px) rotate(.5deg)}26%{transform:translate(0px, 0px) rotate(.5deg)}28%{transform:translate(0px, 1px) rotate(.5deg)}30%{transform:translate(1px, 0px) rotate(.5deg)}32%{transform:translate(1px, 1px) rotate(.5deg)}34%{transform:translate(0px, 1px) rotate(.5deg)}36%{transform:translate(1px, 1px) rotate(.5deg)}38%{transform:translate(1px, 0px) rotate(.5deg)}40%{transform:translate(0px, 0px) rotate(.5deg)}42%{transform:translate(1px, 0px) rotate(.5deg)}44%{transform:translate(1px, 0px) rotate(.5deg)}46%{transform:translate(0px, 1px) rotate(.5deg)}48%{transform:translate(1px, 0px) rotate(.5deg)}50%{transform:translate(0px, 0px) rotate(.5deg)}52%{transform:translate(0px, 0px) rotate(.5deg)}54%{transform:translate(0px, 0px) rotate(.5deg)}56%{transform:translate(1px, 0px) rotate(.5deg)}58%{transform:translate(0px, 0px) rotate(.5deg)}60%{transform:translate(1px, 0px) rotate(.5deg)}62%{transform:translate(0px, 0px) rotate(.5deg)}64%{transform:translate(1px, 1px) rotate(.5deg)}66%{transform:translate(0px, 1px) rotate(.5deg)}68%{transform:translate(1px, 0px) rotate(.5deg)}70%{transform:translate(1px, 0px) rotate(.5deg)}72%{transform:translate(0px, 1px) rotate(.5deg)}74%{transform:translate(1px, 1px) rotate(.5deg)}76%{transform:translate(1px, 1px) rotate(.5deg)}78%{transform:translate(0px, 1px) rotate(.5deg)}80%{transform:translate(1px, 0px) rotate(.5deg)}82%{transform:translate(1px, 0px) rotate(.5deg)}84%{transform:translate(1px, 1px) rotate(.5deg)}86%{transform:translate(0px, 1px) rotate(.5deg)}88%{transform:translate(0px, 0px) rotate(.5deg)}90%{transform:translate(1px, 0px) rotate(.5deg)}92%{transform:translate(0px, 1px) rotate(.5deg)}94%{transform:translate(1px, 0px) rotate(.5deg)}96%{transform:translate(1px, 1px) rotate(.5deg)}98%{transform:translate(1px, 0px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-little{animation-name:shake-little;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-little.infinite{animation-iteration-count:infinite}@keyframes shake-slow{2%{transform:translate(-8px, -4px) rotate(-.5deg)}4%{transform:translate(1px, -9px) rotate(-2.5deg)}6%{transform:translate(-5px, 1px) rotate(-.5deg)}8%{transform:translate(-7px, 3px) rotate(.5deg)}10%{transform:translate(10px, 5px) rotate(-2.5deg)}12%{transform:translate(5px, 1px) rotate(-1.5deg)}14%{transform:translate(-4px, 8px) rotate(-1.5deg)}16%{transform:translate(-7px, 9px) rotate(-2.5deg)}18%{transform:translate(-3px, 1px) rotate(-1.5deg)}20%{transform:translate(-1px, -1px) rotate(-1.5deg)}22%{transform:translate(-9px, 4px) rotate(.5deg)}24%{transform:translate(0px, -5px) rotate(2.5deg)}26%{transform:translate(-1px, -7px) rotate(1.5deg)}28%{transform:translate(0px, 0px) rotate(-.5deg)}30%{transform:translate(1px, 10px) rotate(2.5deg)}32%{transform:translate(8px, 3px) rotate(2.5deg)}34%{transform:translate(-5px, 7px) rotate(3.5deg)}36%{transform:translate(-3px, 6px) rotate(2.5deg)}38%{transform:translate(-5px, -5px) rotate(1.5deg)}40%{transform:translate(-1px, 8px) rotate(-1.5deg)}42%{transform:translate(-8px, -3px) rotate(2.5deg)}44%{transform:translate(0px, 3px) rotate(2.5deg)}46%{transform:translate(2px, 9px) rotate(-2.5deg)}48%{transform:translate(-8px, -3px) rotate(.5deg)}50%{transform:translate(10px, 7px) rotate(2.5deg)}52%{transform:translate(-5px, 6px) rotate(-2.5deg)}54%{transform:translate(-4px, 0px) rotate(-.5deg)}56%{transform:translate(0px, -9px) rotate(-.5deg)}58%{transform:translate(2px, 1px) rotate(-2.5deg)}60%{transform:translate(4px, -8px) rotate(1.5deg)}62%{transform:translate(10px, -9px) rotate(.5deg)}64%{transform:translate(-3px, 6px) rotate(.5deg)}66%{transform:translate(-3px, -5px) rotate(-1.5deg)}68%{transform:translate(-7px, 9px) rotate(-1.5deg)}70%{transform:translate(-1px, 7px) rotate(3.5deg)}72%{transform:translate(2px, 8px) rotate(-1.5deg)}74%{transform:translate(-6px, 6px) rotate(1.5deg)}76%{transform:translate(-5px, 10px) rotate(-2.5deg)}78%{transform:translate(-6px, -1px) rotate(3.5deg)}80%{transform:translate(5px, 6px) rotate(1.5deg)}82%{transform:translate(9px, -9px) rotate(-.5deg)}84%{transform:translate(-6px, 4px) rotate(-2.5deg)}86%{transform:translate(10px, -6px) rotate(-1.5deg)}88%{transform:translate(1px, -2px) rotate(-2.5deg)}90%{transform:translate(-4px, 8px) rotate(-2.5deg)}92%{transform:translate(3px, -2px) rotate(-.5deg)}94%{transform:translate(4px, 2px) rotate(-1.5deg)}96%{transform:translate(5px, -8px) rotate(.5deg)}98%{transform:translate(8px, 7px) rotate(-2.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-slow{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-slow.infinite{animation-iteration-count:infinite}@keyframes shake-hard{2%{transform:translate(4px, -5px) rotate(1.5deg)}4%{transform:translate(-5px, -8px) rotate(1.5deg)}6%{transform:translate(-8px, -3px) rotate(-.5deg)}8%{transform:translate(-7px, -7px) rotate(-1.5deg)}10%{transform:translate(-6px, 4px) rotate(3.5deg)}12%{transform:translate(6px, 3px) rotate(3.5deg)}14%{transform:translate(-1px, -1px) rotate(2.5deg)}16%{transform:translate(7px, 0px) rotate(2.5deg)}18%{transform:translate(2px, 5px) rotate(-2.5deg)}20%{transform:translate(5px, -8px) rotate(2.5deg)}22%{transform:translate(-2px, 8px) rotate(3.5deg)}24%{transform:translate(10px, -6px) rotate(3.5deg)}26%{transform:translate(7px, 4px) rotate(1.5deg)}28%{transform:translate(1px, -4px) rotate(.5deg)}30%{transform:translate(7px, -4px) rotate(.5deg)}32%{transform:translate(2px, 2px) rotate(2.5deg)}34%{transform:translate(-8px, 8px) rotate(-2.5deg)}36%{transform:translate(2px, -3px) rotate(1.5deg)}38%{transform:translate(3px, 8px) rotate(1.5deg)}40%{transform:translate(6px, 10px) rotate(.5deg)}42%{transform:translate(4px, -4px) rotate(1.5deg)}44%{transform:translate(-1px, 9px) rotate(.5deg)}46%{transform:translate(3px, -7px) rotate(-1.5deg)}48%{transform:translate(5px, -7px) rotate(1.5deg)}50%{transform:translate(6px, 6px) rotate(1.5deg)}52%{transform:translate(-5px, -8px) rotate(-2.5deg)}54%{transform:translate(3px, 2px) rotate(1.5deg)}56%{transform:translate(-9px, 9px) rotate(-2.5deg)}58%{transform:translate(-5px, 10px) rotate(-1.5deg)}60%{transform:translate(-9px, -3px) rotate(-2.5deg)}62%{transform:translate(4px, 3px) rotate(-2.5deg)}64%{transform:translate(0px, -2px) rotate(3.5deg)}66%{transform:translate(1px, 7px) rotate(2.5deg)}68%{transform:translate(-7px, -1px) rotate(2.5deg)}70%{transform:translate(1px, 4px) rotate(2.5deg)}72%{transform:translate(-5px, -8px) rotate(-2.5deg)}74%{transform:translate(-8px, 6px) rotate(3.5deg)}76%{transform:translate(-7px, 6px) rotate(2.5deg)}78%{transform:translate(0px, 1px) rotate(3.5deg)}80%{transform:translate(-6px, 9px) rotate(3.5deg)}82%{transform:translate(-9px, 9px) rotate(-2.5deg)}84%{transform:translate(-6px, 1px) rotate(-2.5deg)}86%{transform:translate(-2px, 1px) rotate(1.5deg)}88%{transform:translate(-2px, 4px) rotate(3.5deg)}90%{transform:translate(2px, -3px) rotate(-.5deg)}92%{transform:translate(5px, 2px) rotate(-.5deg)}94%{transform:translate(-6px, -7px) rotate(2.5deg)}96%{transform:translate(-4px, 0px) rotate(2.5deg)}98%{transform:translate(9px, -4px) rotate(1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-hard{animation-name:shake-hard;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-hard.infinite{animation-iteration-count:infinite}@keyframes shake-horizontal{2%{transform:translate(4px, 0) rotate(0)}4%{transform:translate(7px, 0) rotate(0)}6%{transform:translate(5px, 0) rotate(0)}8%{transform:translate(3px, 0) rotate(0)}10%{transform:translate(5px, 0) rotate(0)}12%{transform:translate(4px, 0) rotate(0)}14%{transform:translate(-9px, 0) rotate(0)}16%{transform:translate(-8px, 0) rotate(0)}18%{transform:translate(2px, 0) rotate(0)}20%{transform:translate(-3px, 0) rotate(0)}22%{transform:translate(6px, 0) rotate(0)}24%{transform:translate(-6px, 0) rotate(0)}26%{transform:translate(9px, 0) rotate(0)}28%{transform:translate(3px, 0) rotate(0)}30%{transform:translate(-6px, 0) rotate(0)}32%{transform:translate(4px, 0) rotate(0)}34%{transform:translate(4px, 0) rotate(0)}36%{transform:translate(6px, 0) rotate(0)}38%{transform:translate(8px, 0) rotate(0)}40%{transform:translate(8px, 0) rotate(0)}42%{transform:translate(10px, 0) rotate(0)}44%{transform:translate(10px, 0) rotate(0)}46%{transform:translate(9px, 0) rotate(0)}48%{transform:translate(7px, 0) rotate(0)}50%{transform:translate(-4px, 0) rotate(0)}52%{transform:translate(4px, 0) rotate(0)}54%{transform:translate(2px, 0) rotate(0)}56%{transform:translate(-5px, 0) rotate(0)}58%{transform:translate(7px, 0) rotate(0)}60%{transform:translate(-6px, 0) rotate(0)}62%{transform:translate(1px, 0) rotate(0)}64%{transform:translate(5px, 0) rotate(0)}66%{transform:translate(4px, 0) rotate(0)}68%{transform:translate(-9px, 0) rotate(0)}70%{transform:translate(1px, 0) rotate(0)}72%{transform:translate(5px, 0) rotate(0)}74%{transform:translate(7px, 0) rotate(0)}76%{transform:translate(4px, 0) rotate(0)}78%{transform:translate(-1px, 0) rotate(0)}80%{transform:translate(9px, 0) rotate(0)}82%{transform:translate(9px, 0) rotate(0)}84%{transform:translate(-4px, 0) rotate(0)}86%{transform:translate(-5px, 0) rotate(0)}88%{transform:translate(-8px, 0) rotate(0)}90%{transform:translate(6px, 0) rotate(0)}92%{transform:translate(-8px, 0) rotate(0)}94%{transform:translate(-9px, 0) rotate(0)}96%{transform:translate(8px, 0) rotate(0)}98%{transform:translate(-8px, 0) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-horizontal{animation-name:shake-horizontal;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-horizontal.infinite{animation-iteration-count:infinite}@keyframes shake-vertical{2%{transform:translate(0, 1px) rotate(0)}4%{transform:translate(0, -1px) rotate(0)}6%{transform:translate(0, -5px) rotate(0)}8%{transform:translate(0, -9px) rotate(0)}10%{transform:translate(0, -4px) rotate(0)}12%{transform:translate(0, 7px) rotate(0)}14%{transform:translate(0, 3px) rotate(0)}16%{transform:translate(0, 6px) rotate(0)}18%{transform:translate(0, -2px) rotate(0)}20%{transform:translate(0, 7px) rotate(0)}22%{transform:translate(0, 0px) rotate(0)}24%{transform:translate(0, 1px) rotate(0)}26%{transform:translate(0, 10px) rotate(0)}28%{transform:translate(0, -1px) rotate(0)}30%{transform:translate(0, -1px) rotate(0)}32%{transform:translate(0, -2px) rotate(0)}34%{transform:translate(0, 10px) rotate(0)}36%{transform:translate(0, 10px) rotate(0)}38%{transform:translate(0, 5px) rotate(0)}40%{transform:translate(0, 8px) rotate(0)}42%{transform:translate(0, -6px) rotate(0)}44%{transform:translate(0, -9px) rotate(0)}46%{transform:translate(0, 2px) rotate(0)}48%{transform:translate(0, -4px) rotate(0)}50%{transform:translate(0, -4px) rotate(0)}52%{transform:translate(0, 10px) rotate(0)}54%{transform:translate(0, 10px) rotate(0)}56%{transform:translate(0, -3px) rotate(0)}58%{transform:translate(0, -1px) rotate(0)}60%{transform:translate(0, -1px) rotate(0)}62%{transform:translate(0, -1px) rotate(0)}64%{transform:translate(0, -8px) rotate(0)}66%{transform:translate(0, 6px) rotate(0)}68%{transform:translate(0, 5px) rotate(0)}70%{transform:translate(0, 0px) rotate(0)}72%{transform:translate(0, -6px) rotate(0)}74%{transform:translate(0, 0px) rotate(0)}76%{transform:translate(0, 6px) rotate(0)}78%{transform:translate(0, 2px) rotate(0)}80%{transform:translate(0, -2px) rotate(0)}82%{transform:translate(0, 6px) rotate(0)}84%{transform:translate(0, 2px) rotate(0)}86%{transform:translate(0, 10px) rotate(0)}88%{transform:translate(0, 4px) rotate(0)}90%{transform:translate(0, -9px) rotate(0)}92%{transform:translate(0, 8px) rotate(0)}94%{transform:translate(0, 2px) rotate(0)}96%{transform:translate(0, 7px) rotate(0)}98%{transform:translate(0, 3px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-vertical{animation-name:shake-vertical;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-vertical.infinite{animation-iteration-count:infinite}@keyframes shake-rotate{2%{transform:translate(0, 0) rotate(-3.5deg)}4%{transform:translate(0, 0) rotate(2.5deg)}6%{transform:translate(0, 0) rotate(.5deg)}8%{transform:translate(0, 0) rotate(2.5deg)}10%{transform:translate(0, 0) rotate(-2.5deg)}12%{transform:translate(0, 0) rotate(4.5deg)}14%{transform:translate(0, 0) rotate(-5.5deg)}16%{transform:translate(0, 0) rotate(-.5deg)}18%{transform:translate(0, 0) rotate(-5.5deg)}20%{transform:translate(0, 0) rotate(-1.5deg)}22%{transform:translate(0, 0) rotate(-6.5deg)}24%{transform:translate(0, 0) rotate(-1.5deg)}26%{transform:translate(0, 0) rotate(6.5deg)}28%{transform:translate(0, 0) rotate(4.5deg)}30%{transform:translate(0, 0) rotate(-5.5deg)}32%{transform:translate(0, 0) rotate(6.5deg)}34%{transform:translate(0, 0) rotate(5.5deg)}36%{transform:translate(0, 0) rotate(-4.5deg)}38%{transform:translate(0, 0) rotate(-1.5deg)}40%{transform:translate(0, 0) rotate(-.5deg)}42%{transform:translate(0, 0) rotate(-2.5deg)}44%{transform:translate(0, 0) rotate(-.5deg)}46%{transform:translate(0, 0) rotate(7.5deg)}48%{transform:translate(0, 0) rotate(7.5deg)}50%{transform:translate(0, 0) rotate(2.5deg)}52%{transform:translate(0, 0) rotate(-.5deg)}54%{transform:translate(0, 0) rotate(-6.5deg)}56%{transform:translate(0, 0) rotate(.5deg)}58%{transform:translate(0, 0) rotate(-.5deg)}60%{transform:translate(0, 0) rotate(.5deg)}62%{transform:translate(0, 0) rotate(4.5deg)}64%{transform:translate(0, 0) rotate(2.5deg)}66%{transform:translate(0, 0) rotate(-.5deg)}68%{transform:translate(0, 0) rotate(7.5deg)}70%{transform:translate(0, 0) rotate(.5deg)}72%{transform:translate(0, 0) rotate(2.5deg)}74%{transform:translate(0, 0) rotate(-6.5deg)}76%{transform:translate(0, 0) rotate(6.5deg)}78%{transform:translate(0, 0) rotate(4.5deg)}80%{transform:translate(0, 0) rotate(-2.5deg)}82%{transform:translate(0, 0) rotate(7.5deg)}84%{transform:translate(0, 0) rotate(6.5deg)}86%{transform:translate(0, 0) rotate(7.5deg)}88%{transform:translate(0, 0) rotate(4.5deg)}90%{transform:translate(0, 0) rotate(2.5deg)}92%{transform:translate(0, 0) rotate(4.5deg)}94%{transform:translate(0, 0) rotate(-1.5deg)}96%{transform:translate(0, 0) rotate(-6.5deg)}98%{transform:translate(0, 0) rotate(-1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-rotate{animation-name:shake-rotate;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-rotate.infinite{animation-iteration-count:infinite}@keyframes shake-opacity{10%{transform:translate(0px, 0px) rotate(2.5deg);opacity:.82}20%{transform:translate(3px, 2px) rotate(1.5deg);opacity:.39}30%{transform:translate(0px, -3px) rotate(2.5deg);opacity:.91}40%{transform:translate(0px, 1px) rotate(.5deg);opacity:.63}50%{transform:translate(-3px, 2px) rotate(1.5deg);opacity:.27}60%{transform:translate(-1px, -2px) rotate(1.5deg);opacity:.84}70%{transform:translate(5px, 0px) rotate(2.5deg);opacity:.89}80%{transform:translate(0px, -4px) rotate(-.5deg);opacity:1}90%{transform:translate(-3px, 2px) rotate(1.5deg);opacity:.57}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-opacity{animation-name:shake-opacity;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-opacity.infinite{animation-iteration-count:infinite}@keyframes shake-crazy{10%{transform:translate(5px, -13px) rotate(2deg);opacity:.18}20%{transform:translate(17px, 0px) rotate(-9deg);opacity:.5}30%{transform:translate(-16px, -5px) rotate(4deg);opacity:.93}40%{transform:translate(17px, -7px) rotate(-8deg);opacity:.74}50%{transform:translate(-16px, 19px) rotate(0deg);opacity:.73}60%{transform:translate(5px, -18px) rotate(9deg);opacity:.42}70%{transform:translate(-2px, 10px) rotate(-5deg);opacity:.63}80%{transform:translate(-7px, 2px) rotate(9deg);opacity:.84}90%{transform:translate(0px, -16px) rotate(-1deg);opacity:.73}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-crazy{animation-name:shake-crazy;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-crazy.infinite{animation-iteration-count:infinite}@keyframes shake-chunk{2%{transform:translate(1px, 2px) rotate(-13deg)}4%{transform:translate(-1px, 8px) rotate(7deg)}6%{transform:translate(8px, 13px) rotate(-7deg)}8%{transform:translate(-11px, 13px) rotate(2deg)}10%{transform:translate(9px, 13px) rotate(-12deg)}12%{transform:translate(-13px, -14px) rotate(-10deg)}14%{transform:translate(2px, -2px) rotate(-7deg)}16%{transform:translate(4px, -5px) rotate(2deg)}18%{transform:translate(-14px, 0px) rotate(-4deg)}20%{transform:translate(1px, 0px) rotate(-7deg)}22%{transform:translate(7px, -9px) rotate(-3deg)}24%{transform:translate(-6px, -13px) rotate(4deg)}26%{transform:translate(10px, 6px) rotate(-14deg)}28%{transform:translate(11px, 11px) rotate(-7deg)}30%{transform:translate(2px, -3px) rotate(-12deg)}32%{transform:translate(15px, 11px) rotate(13deg)}34%{transform:translate(-5px, -13px) rotate(-2deg)}36%{transform:translate(-3px, 9px) rotate(15deg)}38%{transform:translate(-6px, -11px) rotate(0deg)}0%,40%,100%{transform:translate(0, 0) rotate(0)}}.shake-chunk{animation-name:shake-chunk;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-chunk.infinite{animation-iteration-count:infinite}
diff --git a/dist/index.html b/dist/index.html
index 1446495..0c4c009 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -76,7 +76,7 @@
CSShake
- Download center
csshake Pack (2.72 kB)
csshake minified Pack (2.64 kB)
csshake crazy.css (541 B)csshake crazy.min.css (507 B)
csshake default.css (682 B)csshake default.min.css (649 B)
csshake hard.css (777 B)csshake hard.min.css (741 B)
csshake horizontal.css (628 B)csshake horizontal.min.css (594 B)
csshake little.css (588 B)csshake little.min.css (565 B)
csshake rotate.css (612 B)csshake rotate.min.css (583 B)
csshake slow.css (780 B)csshake slow.min.css (747 B)
csshake vertical.css (621 B)csshake vertical.min.css (594 B)
+ Download center
csshake Pack (2.58 kB)
csshake minified Pack (2.5 kB)
csshake crazy.css (458 B)csshake crazy.min.css (433 B)
csshake default.css (617 B)csshake default.min.css (580 B)
csshake hard.css (695 B)csshake hard.min.css (676 B)
csshake horizontal.css (559 B)csshake horizontal.min.css (516 B)
csshake little.css (516 B)csshake little.min.css (486 B)
csshake rotate.css (538 B)csshake rotate.min.css (506 B)
csshake slow.css (704 B)csshake slow.min.css (670 B)
csshake vertical.css (548 B)csshake vertical.min.css (517 B)
diff --git a/docs/csshake.css b/docs/csshake.css
index 93afb6e..fee41ed 100644
--- a/docs/csshake.css
+++ b/docs/csshake.css
@@ -5,4 +5,4 @@
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
-\* * * * * * * * * * * * * * * * * * * * */.shake,.shake-little,.shake-slow,.shake-hard,.shake-horizontal,.shake-vertical,.shake-rotate,.shake-opacity,.shake-crazy,.shake-chunk{display:inherit;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake:hover,.shake-trigger:hover .shake,.shake-little:hover,.shake-trigger:hover .shake-little,.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-hard:hover,.shake-trigger:hover .shake-hard,.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal,.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-rotate:hover,.shake-trigger:hover .shake-rotate,.shake-opacity:hover,.shake-trigger:hover .shake-opacity,.shake-crazy:hover,.shake-trigger:hover .shake-crazy,.shake-chunk:hover,.shake-trigger:hover .shake-chunk{animation-play-state:running}@keyframes shake{2%{transform:translate(1.5px, -1.5px) rotate(-.5deg)}4%{transform:translate(-1.5px, -.5px) rotate(1.5deg)}6%{transform:translate(1.5px, 2.5px) rotate(-.5deg)}8%{transform:translate(2.5px, .5px) rotate(-.5deg)}10%{transform:translate(2.5px, -.5px) rotate(-.5deg)}12%{transform:translate(-.5px, 1.5px) rotate(1.5deg)}14%{transform:translate(2.5px, -.5px) rotate(1.5deg)}16%{transform:translate(.5px, -1.5px) rotate(.5deg)}18%{transform:translate(2.5px, 2.5px) rotate(-.5deg)}20%{transform:translate(1.5px, -.5px) rotate(1.5deg)}22%{transform:translate(-.5px, 1.5px) rotate(.5deg)}24%{transform:translate(-1.5px, 1.5px) rotate(.5deg)}26%{transform:translate(2.5px, .5px) rotate(1.5deg)}28%{transform:translate(-.5px, -.5px) rotate(.5deg)}30%{transform:translate(.5px, -.5px) rotate(.5deg)}32%{transform:translate(1.5px, -.5px) rotate(1.5deg)}34%{transform:translate(1.5px, .5px) rotate(-.5deg)}36%{transform:translate(.5px, 2.5px) rotate(.5deg)}38%{transform:translate(-1.5px, -.5px) rotate(.5deg)}40%{transform:translate(.5px, -.5px) rotate(.5deg)}42%{transform:translate(.5px, -.5px) rotate(1.5deg)}44%{transform:translate(-1.5px, .5px) rotate(1.5deg)}46%{transform:translate(-1.5px, -.5px) rotate(-.5deg)}48%{transform:translate(-1.5px, -.5px) rotate(-.5deg)}50%{transform:translate(-.5px, -.5px) rotate(.5deg)}52%{transform:translate(-1.5px, .5px) rotate(1.5deg)}54%{transform:translate(2.5px, .5px) rotate(-.5deg)}56%{transform:translate(1.5px, 2.5px) rotate(1.5deg)}58%{transform:translate(.5px, 1.5px) rotate(1.5deg)}60%{transform:translate(-1.5px, -1.5px) rotate(1.5deg)}62%{transform:translate(.5px, 1.5px) rotate(-.5deg)}64%{transform:translate(1.5px, 2.5px) rotate(1.5deg)}66%{transform:translate(1.5px, -.5px) rotate(1.5deg)}68%{transform:translate(-1.5px, 1.5px) rotate(.5deg)}70%{transform:translate(.5px, .5px) rotate(-.5deg)}72%{transform:translate(-.5px, -.5px) rotate(.5deg)}74%{transform:translate(.5px, -1.5px) rotate(.5deg)}76%{transform:translate(-.5px, 1.5px) rotate(.5deg)}78%{transform:translate(1.5px, -1.5px) rotate(-.5deg)}80%{transform:translate(-1.5px, -.5px) rotate(.5deg)}82%{transform:translate(.5px, -.5px) rotate(.5deg)}84%{transform:translate(2.5px, 2.5px) rotate(1.5deg)}86%{transform:translate(2.5px, -.5px) rotate(1.5deg)}88%{transform:translate(.5px, .5px) rotate(-.5deg)}90%{transform:translate(-.5px, -1.5px) rotate(-.5deg)}92%{transform:translate(2.5px, 1.5px) rotate(-.5deg)}94%{transform:translate(2.5px, -1.5px) rotate(-.5deg)}96%{transform:translate(2.5px, 2.5px) rotate(.5deg)}98%{transform:translate(2.5px, -.5px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake:hover,.shake-trigger:hover .shake,.shake.shake-freeze,.shake.shake-constant{animation-name:shake;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-little{2%{transform:translate(1px, 1px) rotate(.5deg)}4%{transform:translate(0px, 1px) rotate(.5deg)}6%{transform:translate(0px, 1px) rotate(.5deg)}8%{transform:translate(1px, 0px) rotate(.5deg)}10%{transform:translate(0px, 0px) rotate(.5deg)}12%{transform:translate(1px, 0px) rotate(.5deg)}14%{transform:translate(1px, 0px) rotate(.5deg)}16%{transform:translate(0px, 1px) rotate(.5deg)}18%{transform:translate(0px, 1px) rotate(.5deg)}20%{transform:translate(0px, 1px) rotate(.5deg)}22%{transform:translate(0px, 1px) rotate(.5deg)}24%{transform:translate(0px, 0px) rotate(.5deg)}26%{transform:translate(1px, 1px) rotate(.5deg)}28%{transform:translate(1px, 1px) rotate(.5deg)}30%{transform:translate(1px, 1px) rotate(.5deg)}32%{transform:translate(1px, 0px) rotate(.5deg)}34%{transform:translate(0px, 1px) rotate(.5deg)}36%{transform:translate(0px, 1px) rotate(.5deg)}38%{transform:translate(1px, 1px) rotate(.5deg)}40%{transform:translate(1px, 1px) rotate(.5deg)}42%{transform:translate(1px, 1px) rotate(.5deg)}44%{transform:translate(1px, 1px) rotate(.5deg)}46%{transform:translate(1px, 0px) rotate(.5deg)}48%{transform:translate(1px, 1px) rotate(.5deg)}50%{transform:translate(1px, 1px) rotate(.5deg)}52%{transform:translate(1px, 0px) rotate(.5deg)}54%{transform:translate(0px, 1px) rotate(.5deg)}56%{transform:translate(0px, 0px) rotate(.5deg)}58%{transform:translate(0px, 0px) rotate(.5deg)}60%{transform:translate(1px, 1px) rotate(.5deg)}62%{transform:translate(0px, 0px) rotate(.5deg)}64%{transform:translate(1px, 0px) rotate(.5deg)}66%{transform:translate(1px, 1px) rotate(.5deg)}68%{transform:translate(1px, 0px) rotate(.5deg)}70%{transform:translate(1px, 1px) rotate(.5deg)}72%{transform:translate(0px, 0px) rotate(.5deg)}74%{transform:translate(1px, 0px) rotate(.5deg)}76%{transform:translate(0px, 1px) rotate(.5deg)}78%{transform:translate(1px, 1px) rotate(.5deg)}80%{transform:translate(0px, 0px) rotate(.5deg)}82%{transform:translate(1px, 0px) rotate(.5deg)}84%{transform:translate(0px, 0px) rotate(.5deg)}86%{transform:translate(1px, 1px) rotate(.5deg)}88%{transform:translate(1px, 1px) rotate(.5deg)}90%{transform:translate(1px, 1px) rotate(.5deg)}92%{transform:translate(0px, 0px) rotate(.5deg)}94%{transform:translate(1px, 1px) rotate(.5deg)}96%{transform:translate(0px, 1px) rotate(.5deg)}98%{transform:translate(0px, 0px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-little:hover,.shake-trigger:hover .shake-little,.shake-little.shake-freeze,.shake-little.shake-constant{animation-name:shake-little;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-slow{2%{transform:translate(0px, -7px) rotate(2.5deg)}4%{transform:translate(6px, 3px) rotate(-.5deg)}6%{transform:translate(6px, -5px) rotate(.5deg)}8%{transform:translate(3px, 3px) rotate(-1.5deg)}10%{transform:translate(-4px, 5px) rotate(1.5deg)}12%{transform:translate(2px, 7px) rotate(2.5deg)}14%{transform:translate(0px, 6px) rotate(-1.5deg)}16%{transform:translate(-9px, 5px) rotate(-2.5deg)}18%{transform:translate(4px, -8px) rotate(-.5deg)}20%{transform:translate(2px, 9px) rotate(3.5deg)}22%{transform:translate(-5px, 1px) rotate(-2.5deg)}24%{transform:translate(-2px, -8px) rotate(.5deg)}26%{transform:translate(4px, -2px) rotate(-.5deg)}28%{transform:translate(-4px, 9px) rotate(1.5deg)}30%{transform:translate(-4px, -3px) rotate(3.5deg)}32%{transform:translate(-2px, 6px) rotate(-2.5deg)}34%{transform:translate(4px, -4px) rotate(-.5deg)}36%{transform:translate(-1px, 6px) rotate(.5deg)}38%{transform:translate(8px, 8px) rotate(1.5deg)}40%{transform:translate(9px, -2px) rotate(3.5deg)}42%{transform:translate(-2px, -9px) rotate(.5deg)}44%{transform:translate(-1px, 10px) rotate(-1.5deg)}46%{transform:translate(-1px, 1px) rotate(-.5deg)}48%{transform:translate(6px, -8px) rotate(2.5deg)}50%{transform:translate(-1px, -7px) rotate(-1.5deg)}52%{transform:translate(0px, 1px) rotate(-1.5deg)}54%{transform:translate(1px, -8px) rotate(-2.5deg)}56%{transform:translate(-4px, 2px) rotate(1.5deg)}58%{transform:translate(10px, -7px) rotate(-2.5deg)}60%{transform:translate(-2px, -4px) rotate(-1.5deg)}62%{transform:translate(-3px, 3px) rotate(1.5deg)}64%{transform:translate(8px, 2px) rotate(-1.5deg)}66%{transform:translate(-4px, -1px) rotate(1.5deg)}68%{transform:translate(-1px, -2px) rotate(-1.5deg)}70%{transform:translate(8px, 8px) rotate(.5deg)}72%{transform:translate(-8px, -3px) rotate(-2.5deg)}74%{transform:translate(6px, 5px) rotate(.5deg)}76%{transform:translate(4px, -9px) rotate(1.5deg)}78%{transform:translate(-2px, -6px) rotate(3.5deg)}80%{transform:translate(1px, 0px) rotate(1.5deg)}82%{transform:translate(-4px, 6px) rotate(-2.5deg)}84%{transform:translate(-4px, -3px) rotate(1.5deg)}86%{transform:translate(7px, 10px) rotate(2.5deg)}88%{transform:translate(-3px, -2px) rotate(1.5deg)}90%{transform:translate(8px, -3px) rotate(3.5deg)}92%{transform:translate(0px, 3px) rotate(1.5deg)}94%{transform:translate(5px, -5px) rotate(-2.5deg)}96%{transform:translate(7px, -2px) rotate(-.5deg)}98%{transform:translate(-6px, 0px) rotate(3.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-slow.shake-freeze,.shake-slow.shake-constant{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-hard{2%{transform:translate(7px, -4px) rotate(-.5deg)}4%{transform:translate(3px, 7px) rotate(2.5deg)}6%{transform:translate(3px, 8px) rotate(.5deg)}8%{transform:translate(-7px, 4px) rotate(1.5deg)}10%{transform:translate(6px, 10px) rotate(-.5deg)}12%{transform:translate(4px, 2px) rotate(-.5deg)}14%{transform:translate(-4px, 6px) rotate(3.5deg)}16%{transform:translate(1px, 5px) rotate(-1.5deg)}18%{transform:translate(3px, -7px) rotate(-2.5deg)}20%{transform:translate(-8px, -7px) rotate(.5deg)}22%{transform:translate(3px, -2px) rotate(-2.5deg)}24%{transform:translate(5px, -4px) rotate(1.5deg)}26%{transform:translate(-6px, -4px) rotate(-.5deg)}28%{transform:translate(1px, 0px) rotate(.5deg)}30%{transform:translate(-9px, -3px) rotate(3.5deg)}32%{transform:translate(3px, 6px) rotate(-1.5deg)}34%{transform:translate(-2px, -3px) rotate(-1.5deg)}36%{transform:translate(9px, -3px) rotate(-.5deg)}38%{transform:translate(9px, -9px) rotate(-1.5deg)}40%{transform:translate(8px, -7px) rotate(-2.5deg)}42%{transform:translate(-8px, -2px) rotate(2.5deg)}44%{transform:translate(-7px, 2px) rotate(-.5deg)}46%{transform:translate(-1px, 4px) rotate(3.5deg)}48%{transform:translate(3px, 1px) rotate(1.5deg)}50%{transform:translate(9px, -1px) rotate(2.5deg)}52%{transform:translate(-1px, 5px) rotate(-2.5deg)}54%{transform:translate(9px, -2px) rotate(.5deg)}56%{transform:translate(5px, -4px) rotate(-2.5deg)}58%{transform:translate(5px, -8px) rotate(-1.5deg)}60%{transform:translate(10px, 4px) rotate(1.5deg)}62%{transform:translate(-8px, 1px) rotate(-2.5deg)}64%{transform:translate(-9px, 6px) rotate(-1.5deg)}66%{transform:translate(-3px, 2px) rotate(.5deg)}68%{transform:translate(10px, 4px) rotate(.5deg)}70%{transform:translate(3px, -4px) rotate(-2.5deg)}72%{transform:translate(-5px, 10px) rotate(.5deg)}74%{transform:translate(1px, -7px) rotate(3.5deg)}76%{transform:translate(8px, -3px) rotate(-2.5deg)}78%{transform:translate(-8px, 2px) rotate(-.5deg)}80%{transform:translate(2px, 7px) rotate(-2.5deg)}82%{transform:translate(6px, -4px) rotate(1.5deg)}84%{transform:translate(3px, 2px) rotate(3.5deg)}86%{transform:translate(0px, -5px) rotate(-2.5deg)}88%{transform:translate(1px, -3px) rotate(2.5deg)}90%{transform:translate(-8px, -9px) rotate(2.5deg)}92%{transform:translate(-2px, 3px) rotate(2.5deg)}94%{transform:translate(-6px, 0px) rotate(-.5deg)}96%{transform:translate(-9px, 8px) rotate(1.5deg)}98%{transform:translate(9px, 4px) rotate(-1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-hard:hover,.shake-trigger:hover .shake-hard,.shake-hard.shake-freeze,.shake-hard.shake-constant{animation-name:shake-hard;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-horizontal{2%{transform:translate(-5px, 0) rotate(0)}4%{transform:translate(8px, 0) rotate(0)}6%{transform:translate(8px, 0) rotate(0)}8%{transform:translate(9px, 0) rotate(0)}10%{transform:translate(-7px, 0) rotate(0)}12%{transform:translate(1px, 0) rotate(0)}14%{transform:translate(-4px, 0) rotate(0)}16%{transform:translate(7px, 0) rotate(0)}18%{transform:translate(8px, 0) rotate(0)}20%{transform:translate(-7px, 0) rotate(0)}22%{transform:translate(9px, 0) rotate(0)}24%{transform:translate(8px, 0) rotate(0)}26%{transform:translate(-2px, 0) rotate(0)}28%{transform:translate(5px, 0) rotate(0)}30%{transform:translate(6px, 0) rotate(0)}32%{transform:translate(4px, 0) rotate(0)}34%{transform:translate(3px, 0) rotate(0)}36%{transform:translate(7px, 0) rotate(0)}38%{transform:translate(-1px, 0) rotate(0)}40%{transform:translate(3px, 0) rotate(0)}42%{transform:translate(10px, 0) rotate(0)}44%{transform:translate(3px, 0) rotate(0)}46%{transform:translate(-9px, 0) rotate(0)}48%{transform:translate(6px, 0) rotate(0)}50%{transform:translate(-8px, 0) rotate(0)}52%{transform:translate(6px, 0) rotate(0)}54%{transform:translate(1px, 0) rotate(0)}56%{transform:translate(5px, 0) rotate(0)}58%{transform:translate(-4px, 0) rotate(0)}60%{transform:translate(3px, 0) rotate(0)}62%{transform:translate(-5px, 0) rotate(0)}64%{transform:translate(7px, 0) rotate(0)}66%{transform:translate(-8px, 0) rotate(0)}68%{transform:translate(-2px, 0) rotate(0)}70%{transform:translate(-5px, 0) rotate(0)}72%{transform:translate(1px, 0) rotate(0)}74%{transform:translate(1px, 0) rotate(0)}76%{transform:translate(-9px, 0) rotate(0)}78%{transform:translate(6px, 0) rotate(0)}80%{transform:translate(8px, 0) rotate(0)}82%{transform:translate(10px, 0) rotate(0)}84%{transform:translate(-6px, 0) rotate(0)}86%{transform:translate(-1px, 0) rotate(0)}88%{transform:translate(5px, 0) rotate(0)}90%{transform:translate(-1px, 0) rotate(0)}92%{transform:translate(7px, 0) rotate(0)}94%{transform:translate(-3px, 0) rotate(0)}96%{transform:translate(-7px, 0) rotate(0)}98%{transform:translate(-4px, 0) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal,.shake-horizontal.shake-freeze,.shake-horizontal.shake-constant{animation-name:shake-horizontal;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-vertical{2%{transform:translate(0, -9px) rotate(0)}4%{transform:translate(0, 0px) rotate(0)}6%{transform:translate(0, 4px) rotate(0)}8%{transform:translate(0, 4px) rotate(0)}10%{transform:translate(0, 0px) rotate(0)}12%{transform:translate(0, -4px) rotate(0)}14%{transform:translate(0, 8px) rotate(0)}16%{transform:translate(0, 8px) rotate(0)}18%{transform:translate(0, 4px) rotate(0)}20%{transform:translate(0, -5px) rotate(0)}22%{transform:translate(0, -8px) rotate(0)}24%{transform:translate(0, -4px) rotate(0)}26%{transform:translate(0, -9px) rotate(0)}28%{transform:translate(0, -3px) rotate(0)}30%{transform:translate(0, -9px) rotate(0)}32%{transform:translate(0, 8px) rotate(0)}34%{transform:translate(0, -6px) rotate(0)}36%{transform:translate(0, -7px) rotate(0)}38%{transform:translate(0, -7px) rotate(0)}40%{transform:translate(0, 1px) rotate(0)}42%{transform:translate(0, -7px) rotate(0)}44%{transform:translate(0, 0px) rotate(0)}46%{transform:translate(0, 10px) rotate(0)}48%{transform:translate(0, 1px) rotate(0)}50%{transform:translate(0, 7px) rotate(0)}52%{transform:translate(0, -6px) rotate(0)}54%{transform:translate(0, 9px) rotate(0)}56%{transform:translate(0, 8px) rotate(0)}58%{transform:translate(0, 10px) rotate(0)}60%{transform:translate(0, 8px) rotate(0)}62%{transform:translate(0, -3px) rotate(0)}64%{transform:translate(0, 4px) rotate(0)}66%{transform:translate(0, -8px) rotate(0)}68%{transform:translate(0, -6px) rotate(0)}70%{transform:translate(0, -8px) rotate(0)}72%{transform:translate(0, 7px) rotate(0)}74%{transform:translate(0, 7px) rotate(0)}76%{transform:translate(0, -6px) rotate(0)}78%{transform:translate(0, -8px) rotate(0)}80%{transform:translate(0, -6px) rotate(0)}82%{transform:translate(0, -1px) rotate(0)}84%{transform:translate(0, 10px) rotate(0)}86%{transform:translate(0, 10px) rotate(0)}88%{transform:translate(0, -8px) rotate(0)}90%{transform:translate(0, 1px) rotate(0)}92%{transform:translate(0, 9px) rotate(0)}94%{transform:translate(0, 4px) rotate(0)}96%{transform:translate(0, 1px) rotate(0)}98%{transform:translate(0, 7px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-vertical.shake-freeze,.shake-vertical.shake-constant{animation-name:shake-vertical;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-rotate{2%{transform:translate(0, 0) rotate(.5deg)}4%{transform:translate(0, 0) rotate(5.5deg)}6%{transform:translate(0, 0) rotate(.5deg)}8%{transform:translate(0, 0) rotate(-5.5deg)}10%{transform:translate(0, 0) rotate(.5deg)}12%{transform:translate(0, 0) rotate(2.5deg)}14%{transform:translate(0, 0) rotate(5.5deg)}16%{transform:translate(0, 0) rotate(-5.5deg)}18%{transform:translate(0, 0) rotate(-1.5deg)}20%{transform:translate(0, 0) rotate(4.5deg)}22%{transform:translate(0, 0) rotate(-6.5deg)}24%{transform:translate(0, 0) rotate(1.5deg)}26%{transform:translate(0, 0) rotate(1.5deg)}28%{transform:translate(0, 0) rotate(-4.5deg)}30%{transform:translate(0, 0) rotate(5.5deg)}32%{transform:translate(0, 0) rotate(2.5deg)}34%{transform:translate(0, 0) rotate(3.5deg)}36%{transform:translate(0, 0) rotate(-3.5deg)}38%{transform:translate(0, 0) rotate(-4.5deg)}40%{transform:translate(0, 0) rotate(2.5deg)}42%{transform:translate(0, 0) rotate(.5deg)}44%{transform:translate(0, 0) rotate(-3.5deg)}46%{transform:translate(0, 0) rotate(-4.5deg)}48%{transform:translate(0, 0) rotate(-1.5deg)}50%{transform:translate(0, 0) rotate(-3.5deg)}52%{transform:translate(0, 0) rotate(-2.5deg)}54%{transform:translate(0, 0) rotate(3.5deg)}56%{transform:translate(0, 0) rotate(.5deg)}58%{transform:translate(0, 0) rotate(-6.5deg)}60%{transform:translate(0, 0) rotate(-3.5deg)}62%{transform:translate(0, 0) rotate(-1.5deg)}64%{transform:translate(0, 0) rotate(3.5deg)}66%{transform:translate(0, 0) rotate(.5deg)}68%{transform:translate(0, 0) rotate(4.5deg)}70%{transform:translate(0, 0) rotate(1.5deg)}72%{transform:translate(0, 0) rotate(-3.5deg)}74%{transform:translate(0, 0) rotate(-3.5deg)}76%{transform:translate(0, 0) rotate(2.5deg)}78%{transform:translate(0, 0) rotate(-1.5deg)}80%{transform:translate(0, 0) rotate(-5.5deg)}82%{transform:translate(0, 0) rotate(7.5deg)}84%{transform:translate(0, 0) rotate(.5deg)}86%{transform:translate(0, 0) rotate(5.5deg)}88%{transform:translate(0, 0) rotate(4.5deg)}90%{transform:translate(0, 0) rotate(-2.5deg)}92%{transform:translate(0, 0) rotate(1.5deg)}94%{transform:translate(0, 0) rotate(-5.5deg)}96%{transform:translate(0, 0) rotate(7.5deg)}98%{transform:translate(0, 0) rotate(-3.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-rotate:hover,.shake-trigger:hover .shake-rotate,.shake-rotate.shake-freeze,.shake-rotate.shake-constant{animation-name:shake-rotate;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-opacity{10%{transform:translate(1px, -2px) rotate(1.5deg);opacity:.95}20%{transform:translate(-4px, 5px) rotate(-.5deg);opacity:.8}30%{transform:translate(4px, -2px) rotate(-1.5deg);opacity:.62}40%{transform:translate(-1px, 2px) rotate(-1.5deg);opacity:.97}50%{transform:translate(5px, 0px) rotate(1.5deg);opacity:.97}60%{transform:translate(2px, -4px) rotate(1.5deg);opacity:.24}70%{transform:translate(-3px, 3px) rotate(1.5deg);opacity:.59}80%{transform:translate(2px, -2px) rotate(-.5deg);opacity:.03}90%{transform:translate(2px, -4px) rotate(-.5deg);opacity:.05}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-opacity:hover,.shake-trigger:hover .shake-opacity,.shake-opacity.shake-freeze,.shake-opacity.shake-constant{animation-name:shake-opacity;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-crazy{10%{transform:translate(15px, 4px) rotate(2deg);opacity:.3}20%{transform:translate(-18px, -15px) rotate(9deg);opacity:.94}30%{transform:translate(0px, -1px) rotate(5deg);opacity:.68}40%{transform:translate(-8px, 11px) rotate(-2deg);opacity:.68}50%{transform:translate(1px, 5px) rotate(-3deg);opacity:.3}60%{transform:translate(-7px, -9px) rotate(3deg);opacity:.8}70%{transform:translate(-2px, 1px) rotate(5deg);opacity:.66}80%{transform:translate(13px, -13px) rotate(-5deg);opacity:.38}90%{transform:translate(-2px, -10px) rotate(9deg);opacity:.64}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-crazy:hover,.shake-trigger:hover .shake-crazy,.shake-crazy.shake-freeze,.shake-crazy.shake-constant{animation-name:shake-crazy;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-chunk{2%{transform:translate(-9px, 15px) rotate(5deg)}4%{transform:translate(5px, 15px) rotate(7deg)}6%{transform:translate(4px, 12px) rotate(3deg)}8%{transform:translate(-11px, 3px) rotate(5deg)}10%{transform:translate(-5px, -11px) rotate(-1deg)}12%{transform:translate(12px, 14px) rotate(1deg)}14%{transform:translate(12px, 8px) rotate(-11deg)}16%{transform:translate(9px, 14px) rotate(-1deg)}18%{transform:translate(-14px, 5px) rotate(-14deg)}20%{transform:translate(-3px, 9px) rotate(-14deg)}22%{transform:translate(-4px, 11px) rotate(-14deg)}24%{transform:translate(13px, -7px) rotate(-13deg)}26%{transform:translate(8px, 13px) rotate(-3deg)}28%{transform:translate(6px, 0px) rotate(9deg)}30%{transform:translate(0px, 5px) rotate(14deg)}32%{transform:translate(12px, 4px) rotate(-12deg)}34%{transform:translate(6px, -6px) rotate(4deg)}36%{transform:translate(6px, 7px) rotate(-3deg)}38%{transform:translate(9px, 0px) rotate(-1deg)}0%,40%,100%{transform:translate(0, 0) rotate(0)}}.shake-chunk:hover,.shake-trigger:hover .shake-chunk,.shake-chunk.shake-freeze,.shake-chunk.shake-constant{animation-name:shake-chunk;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
+\* * * * * * * * * * * * * * * * * * * * */.shake,.shake-little,.shake-slow,.shake-hard,.shake-horizontal,.shake-vertical,.shake-rotate,.shake-opacity,.shake-crazy,.shake-chunk{display:inherit;transform-origin:center center}@keyframes shake{2%{transform:translate(2.5px, -1.5px) rotate(.5deg)}4%{transform:translate(-.5px, 2.5px) rotate(.5deg)}6%{transform:translate(-1.5px, -.5px) rotate(-.5deg)}8%{transform:translate(2.5px, -.5px) rotate(-.5deg)}10%{transform:translate(-1.5px, 2.5px) rotate(-.5deg)}12%{transform:translate(-1.5px, -.5px) rotate(-.5deg)}14%{transform:translate(.5px, 1.5px) rotate(1.5deg)}16%{transform:translate(-1.5px, -.5px) rotate(1.5deg)}18%{transform:translate(-.5px, 1.5px) rotate(.5deg)}20%{transform:translate(-1.5px, -.5px) rotate(1.5deg)}22%{transform:translate(.5px, -.5px) rotate(1.5deg)}24%{transform:translate(.5px, -1.5px) rotate(-.5deg)}26%{transform:translate(-.5px, 1.5px) rotate(.5deg)}28%{transform:translate(-1.5px, 2.5px) rotate(1.5deg)}30%{transform:translate(2.5px, -.5px) rotate(.5deg)}32%{transform:translate(-.5px, -1.5px) rotate(1.5deg)}34%{transform:translate(-1.5px, .5px) rotate(.5deg)}36%{transform:translate(2.5px, -.5px) rotate(-.5deg)}38%{transform:translate(2.5px, -.5px) rotate(1.5deg)}40%{transform:translate(-1.5px, 2.5px) rotate(.5deg)}42%{transform:translate(1.5px, .5px) rotate(.5deg)}44%{transform:translate(-1.5px, 1.5px) rotate(-.5deg)}46%{transform:translate(1.5px, 1.5px) rotate(.5deg)}48%{transform:translate(1.5px, 2.5px) rotate(-.5deg)}50%{transform:translate(2.5px, 1.5px) rotate(.5deg)}52%{transform:translate(2.5px, -.5px) rotate(-.5deg)}54%{transform:translate(.5px, 2.5px) rotate(-.5deg)}56%{transform:translate(-.5px, 2.5px) rotate(-.5deg)}58%{transform:translate(-.5px, -1.5px) rotate(1.5deg)}60%{transform:translate(-1.5px, .5px) rotate(.5deg)}62%{transform:translate(1.5px, -1.5px) rotate(-.5deg)}64%{transform:translate(-.5px, -.5px) rotate(-.5deg)}66%{transform:translate(.5px, 1.5px) rotate(-.5deg)}68%{transform:translate(-.5px, 2.5px) rotate(-.5deg)}70%{transform:translate(2.5px, .5px) rotate(-.5deg)}72%{transform:translate(-1.5px, -.5px) rotate(.5deg)}74%{transform:translate(1.5px, .5px) rotate(.5deg)}76%{transform:translate(-.5px, .5px) rotate(.5deg)}78%{transform:translate(1.5px, 1.5px) rotate(-.5deg)}80%{transform:translate(-.5px, -1.5px) rotate(-.5deg)}82%{transform:translate(.5px, .5px) rotate(-.5deg)}84%{transform:translate(1.5px, .5px) rotate(1.5deg)}86%{transform:translate(.5px, .5px) rotate(.5deg)}88%{transform:translate(2.5px, 2.5px) rotate(1.5deg)}90%{transform:translate(-1.5px, 1.5px) rotate(-.5deg)}92%{transform:translate(.5px, -.5px) rotate(1.5deg)}94%{transform:translate(.5px, 1.5px) rotate(-.5deg)}96%{transform:translate(-.5px, -.5px) rotate(-.5deg)}98%{transform:translate(2.5px, .5px) rotate(1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake{animation-name:shake;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake.infinite{animation-iteration-count:infinite}@keyframes shake-little{2%{transform:translate(0px, 0px) rotate(.5deg)}4%{transform:translate(1px, 1px) rotate(.5deg)}6%{transform:translate(1px, 0px) rotate(.5deg)}8%{transform:translate(1px, 1px) rotate(.5deg)}10%{transform:translate(0px, 1px) rotate(.5deg)}12%{transform:translate(0px, 0px) rotate(.5deg)}14%{transform:translate(1px, 1px) rotate(.5deg)}16%{transform:translate(1px, 1px) rotate(.5deg)}18%{transform:translate(0px, 1px) rotate(.5deg)}20%{transform:translate(1px, 0px) rotate(.5deg)}22%{transform:translate(0px, 0px) rotate(.5deg)}24%{transform:translate(0px, 0px) rotate(.5deg)}26%{transform:translate(0px, 0px) rotate(.5deg)}28%{transform:translate(0px, 1px) rotate(.5deg)}30%{transform:translate(1px, 1px) rotate(.5deg)}32%{transform:translate(0px, 1px) rotate(.5deg)}34%{transform:translate(1px, 1px) rotate(.5deg)}36%{transform:translate(1px, 1px) rotate(.5deg)}38%{transform:translate(0px, 0px) rotate(.5deg)}40%{transform:translate(0px, 1px) rotate(.5deg)}42%{transform:translate(1px, 1px) rotate(.5deg)}44%{transform:translate(0px, 1px) rotate(.5deg)}46%{transform:translate(0px, 1px) rotate(.5deg)}48%{transform:translate(0px, 1px) rotate(.5deg)}50%{transform:translate(1px, 0px) rotate(.5deg)}52%{transform:translate(1px, 1px) rotate(.5deg)}54%{transform:translate(0px, 1px) rotate(.5deg)}56%{transform:translate(1px, 1px) rotate(.5deg)}58%{transform:translate(1px, 1px) rotate(.5deg)}60%{transform:translate(1px, 0px) rotate(.5deg)}62%{transform:translate(1px, 1px) rotate(.5deg)}64%{transform:translate(0px, 0px) rotate(.5deg)}66%{transform:translate(1px, 1px) rotate(.5deg)}68%{transform:translate(1px, 1px) rotate(.5deg)}70%{transform:translate(1px, 0px) rotate(.5deg)}72%{transform:translate(0px, 1px) rotate(.5deg)}74%{transform:translate(0px, 1px) rotate(.5deg)}76%{transform:translate(0px, 1px) rotate(.5deg)}78%{transform:translate(1px, 0px) rotate(.5deg)}80%{transform:translate(0px, 1px) rotate(.5deg)}82%{transform:translate(1px, 1px) rotate(.5deg)}84%{transform:translate(1px, 0px) rotate(.5deg)}86%{transform:translate(0px, 0px) rotate(.5deg)}88%{transform:translate(0px, 1px) rotate(.5deg)}90%{transform:translate(0px, 1px) rotate(.5deg)}92%{transform:translate(1px, 0px) rotate(.5deg)}94%{transform:translate(1px, 1px) rotate(.5deg)}96%{transform:translate(1px, 0px) rotate(.5deg)}98%{transform:translate(0px, 1px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-little{animation-name:shake-little;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-little.infinite{animation-iteration-count:infinite}@keyframes shake-slow{2%{transform:translate(-5px, 2px) rotate(-1.5deg)}4%{transform:translate(-3px, 6px) rotate(-.5deg)}6%{transform:translate(1px, 9px) rotate(.5deg)}8%{transform:translate(2px, 2px) rotate(-.5deg)}10%{transform:translate(-1px, -9px) rotate(2.5deg)}12%{transform:translate(0px, 4px) rotate(3.5deg)}14%{transform:translate(6px, -5px) rotate(-1.5deg)}16%{transform:translate(2px, -1px) rotate(-2.5deg)}18%{transform:translate(-8px, -1px) rotate(2.5deg)}20%{transform:translate(10px, 1px) rotate(-.5deg)}22%{transform:translate(-4px, 5px) rotate(2.5deg)}24%{transform:translate(-5px, -4px) rotate(3.5deg)}26%{transform:translate(-7px, -4px) rotate(.5deg)}28%{transform:translate(3px, -5px) rotate(-1.5deg)}30%{transform:translate(0px, -3px) rotate(-.5deg)}32%{transform:translate(-6px, 6px) rotate(-2.5deg)}34%{transform:translate(-9px, -3px) rotate(-1.5deg)}36%{transform:translate(1px, -9px) rotate(-1.5deg)}38%{transform:translate(-9px, 1px) rotate(1.5deg)}40%{transform:translate(0px, -6px) rotate(.5deg)}42%{transform:translate(-5px, 1px) rotate(.5deg)}44%{transform:translate(6px, -8px) rotate(1.5deg)}46%{transform:translate(5px, -1px) rotate(-1.5deg)}48%{transform:translate(-4px, 8px) rotate(2.5deg)}50%{transform:translate(4px, 9px) rotate(3.5deg)}52%{transform:translate(5px, 4px) rotate(1.5deg)}54%{transform:translate(-9px, -8px) rotate(2.5deg)}56%{transform:translate(7px, -7px) rotate(.5deg)}58%{transform:translate(-1px, 6px) rotate(1.5deg)}60%{transform:translate(-2px, 7px) rotate(-1.5deg)}62%{transform:translate(9px, 0px) rotate(-1.5deg)}64%{transform:translate(-1px, -8px) rotate(.5deg)}66%{transform:translate(1px, -6px) rotate(-2.5deg)}68%{transform:translate(3px, 0px) rotate(-2.5deg)}70%{transform:translate(4px, -6px) rotate(3.5deg)}72%{transform:translate(-3px, -7px) rotate(2.5deg)}74%{transform:translate(-6px, 6px) rotate(2.5deg)}76%{transform:translate(-7px, 10px) rotate(1.5deg)}78%{transform:translate(6px, -8px) rotate(3.5deg)}80%{transform:translate(6px, -6px) rotate(-1.5deg)}82%{transform:translate(-9px, -7px) rotate(2.5deg)}84%{transform:translate(-3px, -4px) rotate(2.5deg)}86%{transform:translate(-4px, -8px) rotate(-1.5deg)}88%{transform:translate(7px, -4px) rotate(-1.5deg)}90%{transform:translate(4px, 10px) rotate(-.5deg)}92%{transform:translate(6px, 0px) rotate(.5deg)}94%{transform:translate(10px, -2px) rotate(.5deg)}96%{transform:translate(-6px, 6px) rotate(1.5deg)}98%{transform:translate(-5px, -9px) rotate(2.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-slow{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-slow.infinite{animation-iteration-count:infinite}@keyframes shake-hard{2%{transform:translate(3px, 4px) rotate(1.5deg)}4%{transform:translate(4px, -1px) rotate(-2.5deg)}6%{transform:translate(-7px, 3px) rotate(2.5deg)}8%{transform:translate(2px, -7px) rotate(-1.5deg)}10%{transform:translate(10px, -3px) rotate(-2.5deg)}12%{transform:translate(-2px, 6px) rotate(-.5deg)}14%{transform:translate(-5px, -8px) rotate(1.5deg)}16%{transform:translate(7px, 3px) rotate(.5deg)}18%{transform:translate(-5px, -1px) rotate(-2.5deg)}20%{transform:translate(1px, -7px) rotate(-1.5deg)}22%{transform:translate(3px, -7px) rotate(-.5deg)}24%{transform:translate(2px, -4px) rotate(3.5deg)}26%{transform:translate(-8px, 3px) rotate(-2.5deg)}28%{transform:translate(-6px, 6px) rotate(1.5deg)}30%{transform:translate(9px, 10px) rotate(1.5deg)}32%{transform:translate(4px, 1px) rotate(2.5deg)}34%{transform:translate(-5px, 6px) rotate(-.5deg)}36%{transform:translate(7px, 10px) rotate(-2.5deg)}38%{transform:translate(3px, -3px) rotate(1.5deg)}40%{transform:translate(3px, -7px) rotate(-1.5deg)}42%{transform:translate(7px, 1px) rotate(-2.5deg)}44%{transform:translate(3px, 10px) rotate(3.5deg)}46%{transform:translate(-7px, -4px) rotate(1.5deg)}48%{transform:translate(8px, -4px) rotate(3.5deg)}50%{transform:translate(3px, -3px) rotate(3.5deg)}52%{transform:translate(-9px, -6px) rotate(3.5deg)}54%{transform:translate(9px, 9px) rotate(1.5deg)}56%{transform:translate(6px, 3px) rotate(-1.5deg)}58%{transform:translate(-8px, -6px) rotate(1.5deg)}60%{transform:translate(3px, -6px) rotate(2.5deg)}62%{transform:translate(-2px, 4px) rotate(2.5deg)}64%{transform:translate(-1px, -6px) rotate(3.5deg)}66%{transform:translate(2px, -3px) rotate(3.5deg)}68%{transform:translate(4px, -8px) rotate(1.5deg)}70%{transform:translate(-7px, 10px) rotate(-1.5deg)}72%{transform:translate(10px, -6px) rotate(-2.5deg)}74%{transform:translate(-6px, 1px) rotate(-2.5deg)}76%{transform:translate(4px, 5px) rotate(3.5deg)}78%{transform:translate(-6px, -7px) rotate(-1.5deg)}80%{transform:translate(3px, -1px) rotate(.5deg)}82%{transform:translate(9px, -6px) rotate(.5deg)}84%{transform:translate(7px, 4px) rotate(-1.5deg)}86%{transform:translate(-3px, 8px) rotate(-.5deg)}88%{transform:translate(6px, -6px) rotate(2.5deg)}90%{transform:translate(0px, 1px) rotate(2.5deg)}92%{transform:translate(7px, -9px) rotate(-.5deg)}94%{transform:translate(6px, -1px) rotate(.5deg)}96%{transform:translate(5px, 10px) rotate(.5deg)}98%{transform:translate(-5px, -4px) rotate(.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-hard{animation-name:shake-hard;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-hard.infinite{animation-iteration-count:infinite}@keyframes shake-horizontal{2%{transform:translate(-6px, 0) rotate(0)}4%{transform:translate(5px, 0) rotate(0)}6%{transform:translate(3px, 0) rotate(0)}8%{transform:translate(-5px, 0) rotate(0)}10%{transform:translate(-4px, 0) rotate(0)}12%{transform:translate(10px, 0) rotate(0)}14%{transform:translate(-7px, 0) rotate(0)}16%{transform:translate(-2px, 0) rotate(0)}18%{transform:translate(3px, 0) rotate(0)}20%{transform:translate(5px, 0) rotate(0)}22%{transform:translate(-7px, 0) rotate(0)}24%{transform:translate(10px, 0) rotate(0)}26%{transform:translate(-4px, 0) rotate(0)}28%{transform:translate(1px, 0) rotate(0)}30%{transform:translate(-8px, 0) rotate(0)}32%{transform:translate(8px, 0) rotate(0)}34%{transform:translate(8px, 0) rotate(0)}36%{transform:translate(9px, 0) rotate(0)}38%{transform:translate(0px, 0) rotate(0)}40%{transform:translate(-8px, 0) rotate(0)}42%{transform:translate(-4px, 0) rotate(0)}44%{transform:translate(0px, 0) rotate(0)}46%{transform:translate(9px, 0) rotate(0)}48%{transform:translate(-6px, 0) rotate(0)}50%{transform:translate(10px, 0) rotate(0)}52%{transform:translate(-5px, 0) rotate(0)}54%{transform:translate(6px, 0) rotate(0)}56%{transform:translate(-9px, 0) rotate(0)}58%{transform:translate(1px, 0) rotate(0)}60%{transform:translate(9px, 0) rotate(0)}62%{transform:translate(-2px, 0) rotate(0)}64%{transform:translate(5px, 0) rotate(0)}66%{transform:translate(-6px, 0) rotate(0)}68%{transform:translate(7px, 0) rotate(0)}70%{transform:translate(-1px, 0) rotate(0)}72%{transform:translate(-4px, 0) rotate(0)}74%{transform:translate(-7px, 0) rotate(0)}76%{transform:translate(-7px, 0) rotate(0)}78%{transform:translate(0px, 0) rotate(0)}80%{transform:translate(2px, 0) rotate(0)}82%{transform:translate(8px, 0) rotate(0)}84%{transform:translate(-7px, 0) rotate(0)}86%{transform:translate(7px, 0) rotate(0)}88%{transform:translate(-8px, 0) rotate(0)}90%{transform:translate(2px, 0) rotate(0)}92%{transform:translate(1px, 0) rotate(0)}94%{transform:translate(5px, 0) rotate(0)}96%{transform:translate(-7px, 0) rotate(0)}98%{transform:translate(2px, 0) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-horizontal{animation-name:shake-horizontal;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-horizontal.infinite{animation-iteration-count:infinite}@keyframes shake-vertical{2%{transform:translate(0, -2px) rotate(0)}4%{transform:translate(0, -4px) rotate(0)}6%{transform:translate(0, -3px) rotate(0)}8%{transform:translate(0, -7px) rotate(0)}10%{transform:translate(0, -7px) rotate(0)}12%{transform:translate(0, 10px) rotate(0)}14%{transform:translate(0, -3px) rotate(0)}16%{transform:translate(0, 10px) rotate(0)}18%{transform:translate(0, 0px) rotate(0)}20%{transform:translate(0, 8px) rotate(0)}22%{transform:translate(0, 9px) rotate(0)}24%{transform:translate(0, 6px) rotate(0)}26%{transform:translate(0, -5px) rotate(0)}28%{transform:translate(0, 0px) rotate(0)}30%{transform:translate(0, 7px) rotate(0)}32%{transform:translate(0, -2px) rotate(0)}34%{transform:translate(0, 10px) rotate(0)}36%{transform:translate(0, 2px) rotate(0)}38%{transform:translate(0, -7px) rotate(0)}40%{transform:translate(0, 10px) rotate(0)}42%{transform:translate(0, -4px) rotate(0)}44%{transform:translate(0, -9px) rotate(0)}46%{transform:translate(0, -5px) rotate(0)}48%{transform:translate(0, 2px) rotate(0)}50%{transform:translate(0, 5px) rotate(0)}52%{transform:translate(0, -7px) rotate(0)}54%{transform:translate(0, -4px) rotate(0)}56%{transform:translate(0, 0px) rotate(0)}58%{transform:translate(0, 9px) rotate(0)}60%{transform:translate(0, -4px) rotate(0)}62%{transform:translate(0, -9px) rotate(0)}64%{transform:translate(0, -2px) rotate(0)}66%{transform:translate(0, 7px) rotate(0)}68%{transform:translate(0, 3px) rotate(0)}70%{transform:translate(0, -5px) rotate(0)}72%{transform:translate(0, 4px) rotate(0)}74%{transform:translate(0, -8px) rotate(0)}76%{transform:translate(0, 2px) rotate(0)}78%{transform:translate(0, -6px) rotate(0)}80%{transform:translate(0, -7px) rotate(0)}82%{transform:translate(0, 10px) rotate(0)}84%{transform:translate(0, 7px) rotate(0)}86%{transform:translate(0, 0px) rotate(0)}88%{transform:translate(0, 7px) rotate(0)}90%{transform:translate(0, 1px) rotate(0)}92%{transform:translate(0, 7px) rotate(0)}94%{transform:translate(0, -5px) rotate(0)}96%{transform:translate(0, -4px) rotate(0)}98%{transform:translate(0, -3px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-vertical{animation-name:shake-vertical;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-vertical.infinite{animation-iteration-count:infinite}@keyframes shake-rotate{2%{transform:translate(0, 0) rotate(6.5deg)}4%{transform:translate(0, 0) rotate(4.5deg)}6%{transform:translate(0, 0) rotate(4.5deg)}8%{transform:translate(0, 0) rotate(3.5deg)}10%{transform:translate(0, 0) rotate(4.5deg)}12%{transform:translate(0, 0) rotate(-5.5deg)}14%{transform:translate(0, 0) rotate(.5deg)}16%{transform:translate(0, 0) rotate(-1.5deg)}18%{transform:translate(0, 0) rotate(-1.5deg)}20%{transform:translate(0, 0) rotate(3.5deg)}22%{transform:translate(0, 0) rotate(-2.5deg)}24%{transform:translate(0, 0) rotate(1.5deg)}26%{transform:translate(0, 0) rotate(.5deg)}28%{transform:translate(0, 0) rotate(6.5deg)}30%{transform:translate(0, 0) rotate(-.5deg)}32%{transform:translate(0, 0) rotate(-6.5deg)}34%{transform:translate(0, 0) rotate(.5deg)}36%{transform:translate(0, 0) rotate(-3.5deg)}38%{transform:translate(0, 0) rotate(-6.5deg)}40%{transform:translate(0, 0) rotate(-6.5deg)}42%{transform:translate(0, 0) rotate(5.5deg)}44%{transform:translate(0, 0) rotate(.5deg)}46%{transform:translate(0, 0) rotate(3.5deg)}48%{transform:translate(0, 0) rotate(-5.5deg)}50%{transform:translate(0, 0) rotate(4.5deg)}52%{transform:translate(0, 0) rotate(.5deg)}54%{transform:translate(0, 0) rotate(-4.5deg)}56%{transform:translate(0, 0) rotate(-5.5deg)}58%{transform:translate(0, 0) rotate(-3.5deg)}60%{transform:translate(0, 0) rotate(-.5deg)}62%{transform:translate(0, 0) rotate(2.5deg)}64%{transform:translate(0, 0) rotate(3.5deg)}66%{transform:translate(0, 0) rotate(2.5deg)}68%{transform:translate(0, 0) rotate(4.5deg)}70%{transform:translate(0, 0) rotate(3.5deg)}72%{transform:translate(0, 0) rotate(-1.5deg)}74%{transform:translate(0, 0) rotate(4.5deg)}76%{transform:translate(0, 0) rotate(7.5deg)}78%{transform:translate(0, 0) rotate(-6.5deg)}80%{transform:translate(0, 0) rotate(-.5deg)}82%{transform:translate(0, 0) rotate(7.5deg)}84%{transform:translate(0, 0) rotate(-2.5deg)}86%{transform:translate(0, 0) rotate(.5deg)}88%{transform:translate(0, 0) rotate(1.5deg)}90%{transform:translate(0, 0) rotate(-.5deg)}92%{transform:translate(0, 0) rotate(5.5deg)}94%{transform:translate(0, 0) rotate(7.5deg)}96%{transform:translate(0, 0) rotate(4.5deg)}98%{transform:translate(0, 0) rotate(-1.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-rotate{animation-name:shake-rotate;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-rotate.infinite{animation-iteration-count:infinite}@keyframes shake-opacity{10%{transform:translate(-3px, 3px) rotate(.5deg);opacity:.82}20%{transform:translate(-1px, 0px) rotate(1.5deg);opacity:.64}30%{transform:translate(5px, -1px) rotate(-.5deg);opacity:.74}40%{transform:translate(-1px, 2px) rotate(2.5deg);opacity:.51}50%{transform:translate(0px, -2px) rotate(2.5deg);opacity:.94}60%{transform:translate(-1px, 3px) rotate(.5deg);opacity:.63}70%{transform:translate(-2px, 2px) rotate(1.5deg);opacity:.12}80%{transform:translate(3px, -4px) rotate(1.5deg);opacity:.7}90%{transform:translate(5px, -4px) rotate(-.5deg);opacity:.98}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-opacity{animation-name:shake-opacity;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-opacity.infinite{animation-iteration-count:infinite}@keyframes shake-crazy{10%{transform:translate(19px, 10px) rotate(1deg);opacity:.69}20%{transform:translate(13px, -14px) rotate(9deg);opacity:.48}30%{transform:translate(6px, -7px) rotate(-9deg);opacity:.59}40%{transform:translate(14px, 7px) rotate(-2deg);opacity:.35}50%{transform:translate(-4px, 6px) rotate(-9deg);opacity:.67}60%{transform:translate(6px, 0px) rotate(0deg);opacity:.63}70%{transform:translate(7px, -11px) rotate(2deg);opacity:.77}80%{transform:translate(17px, -4px) rotate(10deg);opacity:.34}90%{transform:translate(-4px, -3px) rotate(-4deg);opacity:.44}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-crazy{animation-name:shake-crazy;animation-duration:100ms;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-crazy.infinite{animation-iteration-count:infinite}@keyframes shake-chunk{2%{transform:translate(-6px, 9px) rotate(-13deg)}4%{transform:translate(-11px, -2px) rotate(-13deg)}6%{transform:translate(-5px, -5px) rotate(-12deg)}8%{transform:translate(8px, 6px) rotate(-3deg)}10%{transform:translate(14px, -2px) rotate(13deg)}12%{transform:translate(8px, -4px) rotate(-5deg)}14%{transform:translate(-13px, 10px) rotate(15deg)}16%{transform:translate(8px, -12px) rotate(15deg)}18%{transform:translate(-4px, 8px) rotate(14deg)}20%{transform:translate(-3px, -8px) rotate(11deg)}22%{transform:translate(-11px, -3px) rotate(9deg)}24%{transform:translate(-3px, -2px) rotate(6deg)}26%{transform:translate(2px, -12px) rotate(-13deg)}28%{transform:translate(-12px, -14px) rotate(1deg)}30%{transform:translate(7px, 8px) rotate(-12deg)}32%{transform:translate(-6px, -2px) rotate(8deg)}34%{transform:translate(-12px, 12px) rotate(2deg)}36%{transform:translate(-5px, -9px) rotate(2deg)}38%{transform:translate(5px, -4px) rotate(-4deg)}0%,40%,100%{transform:translate(0, 0) rotate(0)}}.shake-chunk{animation-name:shake-chunk;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:1}.shake-chunk.infinite{animation-iteration-count:infinite}
diff --git a/package-lock.json b/package-lock.json
index f3913f5..7b8ebec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -49,12 +49,12 @@
}
},
"ajv": {
- "version": "6.10.0",
- "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz",
- "integrity": "sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==",
+ "version": "6.12.4",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.4.tgz",
+ "integrity": "sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ==",
"dev": true,
"requires": {
- "fast-deep-equal": "^2.0.1",
+ "fast-deep-equal": "^3.1.1",
"fast-json-stable-stringify": "^2.0.0",
"json-schema-traverse": "^0.4.1",
"uri-js": "^4.2.2"
@@ -151,9 +151,9 @@
"dev": true
},
"aws4": {
- "version": "1.8.0",
- "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz",
- "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
+ "version": "1.10.1",
+ "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.10.1.tgz",
+ "integrity": "sha512-zg7Hz2k5lI8kb7U32998pRRFin7zJlkfezGJjUc2heaD4Pw2wObakCDVzkKztTm/Ln7eiVvYsjqak0Ed4LkMDA==",
"dev": true
},
"babel-runtime": {
@@ -307,9 +307,9 @@
"dev": true
},
"combined-stream": {
- "version": "1.0.7",
- "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.7.tgz",
- "integrity": "sha512-brWl9y6vOB1xYPZcpZde3N9zDByXTosAeMDo4p1wzo6UMOX4vumB+TP1RZ76sfE6Md68Q0NJSrE/gbezd4Ul+w==",
+ "version": "1.0.8",
+ "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+ "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
"dev": true,
"requires": {
"delayed-stream": "~1.0.0"
@@ -385,6 +385,15 @@
"integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
"dev": true
},
+ "define-properties": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
+ "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+ "dev": true,
+ "requires": {
+ "object-keys": "^1.0.12"
+ }
+ },
"delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -453,15 +462,15 @@
"dev": true
},
"fast-deep-equal": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
- "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+ "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
"dev": true
},
"fast-json-stable-stringify": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
- "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+ "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
"dev": true
},
"find-up": {
@@ -562,9 +571,9 @@
}
},
"glob": {
- "version": "7.1.4",
- "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz",
- "integrity": "sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==",
+ "version": "7.1.6",
+ "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+ "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
"dev": true,
"requires": {
"fs.realpath": "^1.0.0",
@@ -576,9 +585,9 @@
}
},
"globule": {
- "version": "1.2.1",
- "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz",
- "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==",
+ "version": "1.3.2",
+ "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz",
+ "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==",
"dev": true,
"requires": {
"glob": "~7.1.1",
@@ -587,9 +596,9 @@
}
},
"graceful-fs": {
- "version": "4.1.15",
- "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz",
- "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==",
+ "version": "4.2.4",
+ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
+ "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==",
"dev": true
},
"gzip-size": {
@@ -609,12 +618,12 @@
"dev": true
},
"har-validator": {
- "version": "5.1.3",
- "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz",
- "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==",
+ "version": "5.1.5",
+ "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
+ "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
"dev": true,
"requires": {
- "ajv": "^6.5.5",
+ "ajv": "^6.12.3",
"har-schema": "^2.0.0"
}
},
@@ -636,6 +645,12 @@
"ansi-regex": "^2.0.0"
}
},
+ "has-symbols": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz",
+ "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==",
+ "dev": true
+ },
"has-unicode": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
@@ -643,9 +658,9 @@
"dev": true
},
"hosted-git-info": {
- "version": "2.7.1",
- "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.7.1.tgz",
- "integrity": "sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w==",
+ "version": "2.8.8",
+ "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
+ "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
"dev": true
},
"http-signature": {
@@ -660,9 +675,9 @@
}
},
"in-publish": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.0.tgz",
- "integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E=",
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.1.tgz",
+ "integrity": "sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ==",
"dev": true
},
"indent-string": {
@@ -685,9 +700,9 @@
}
},
"inherits": {
- "version": "2.0.3",
- "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
- "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
"dev": true
},
"invert-kv": {
@@ -727,13 +742,10 @@
}
},
"is-finite": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
- "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
- "dev": true,
- "requires": {
- "number-is-nan": "^1.0.0"
- }
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
+ "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==",
+ "dev": true
},
"is-fullwidth-code-point": {
"version": "1.0.0",
@@ -790,9 +802,9 @@
"dev": true
},
"js-base64": {
- "version": "2.5.1",
- "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz",
- "integrity": "sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==",
+ "version": "2.6.4",
+ "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
+ "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==",
"dev": true
},
"js-stringify": {
@@ -949,18 +961,18 @@
}
},
"mime-db": {
- "version": "1.40.0",
- "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz",
- "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==",
+ "version": "1.44.0",
+ "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
+ "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==",
"dev": true
},
"mime-types": {
- "version": "2.1.24",
- "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz",
- "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==",
+ "version": "2.1.27",
+ "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz",
+ "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==",
"dev": true,
"requires": {
- "mime-db": "1.40.0"
+ "mime-db": "1.44.0"
}
},
"minimatch": {
@@ -973,32 +985,24 @@
}
},
"minimist": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
- "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
+ "version": "1.2.5",
+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+ "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
"dev": true
},
"mkdirp": {
- "version": "0.5.1",
- "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
- "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+ "version": "0.5.5",
+ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
+ "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
"dev": true,
"requires": {
- "minimist": "0.0.8"
- },
- "dependencies": {
- "minimist": {
- "version": "0.0.8",
- "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
- "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
- "dev": true
- }
+ "minimist": "^1.2.5"
}
},
"nan": {
- "version": "2.13.2",
- "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz",
- "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==",
+ "version": "2.14.1",
+ "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz",
+ "integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==",
"dev": true
},
"node-gyp": {
@@ -1030,9 +1034,9 @@
}
},
"node-sass": {
- "version": "4.12.0",
- "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.12.0.tgz",
- "integrity": "sha512-A1Iv4oN+Iel6EPv77/HddXErL2a+gZ4uBeZUy+a8O35CFYTXhgA8MgLCWBtwpGZdCvTvQ9d+bQxX/QC36GDPpQ==",
+ "version": "4.13.1",
+ "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.1.tgz",
+ "integrity": "sha512-TTWFx+ZhyDx1Biiez2nB0L3YrCZ/8oHagaDalbuBSlqXgUPsdkUSzJsVxeDO9LtPB49+Fh3WQl3slABo6AotNw==",
"dev": true,
"requires": {
"async-foreach": "^0.1.3",
@@ -1042,7 +1046,7 @@
"get-stdin": "^4.0.1",
"glob": "^7.0.3",
"in-publish": "^2.0.0",
- "lodash": "^4.17.11",
+ "lodash": "^4.17.15",
"meow": "^3.7.0",
"mkdirp": "^0.5.1",
"nan": "^2.13.2",
@@ -1082,9 +1086,9 @@
"dev": true
},
"resolve": {
- "version": "1.10.1",
- "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.10.1.tgz",
- "integrity": "sha512-KuIe4mf++td/eFb6wkaPbMDnP6kObCaEtIDuHOUED6MNUo4K670KZUHuuvYPZDxNF0WVLw49n06M2m2dXphEzA==",
+ "version": "1.17.0",
+ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
+ "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
"dev": true,
"requires": {
"path-parse": "^1.0.6"
@@ -1122,6 +1126,24 @@
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
"dev": true
},
+ "object-keys": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+ "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+ "dev": true
+ },
+ "object.assign": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz",
+ "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==",
+ "dev": true,
+ "requires": {
+ "define-properties": "^1.1.2",
+ "function-bind": "^1.1.1",
+ "has-symbols": "^1.0.0",
+ "object-keys": "^1.0.11"
+ }
+ },
"once": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -1245,9 +1267,9 @@
"dev": true
},
"process-nextick-args": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
- "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+ "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
"dev": true
},
"promise": {
@@ -1266,9 +1288,9 @@
"dev": true
},
"psl": {
- "version": "1.1.31",
- "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.31.tgz",
- "integrity": "sha512-/6pt4+C+T+wZUieKR620OpzN/LlnNKuWjy1iFLQ/UG35JqHlR/89MP1d96dUfkf6Dne3TuLQzOYEYshJ+Hx8mw==",
+ "version": "1.8.0",
+ "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
+ "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
"dev": true
},
"pug": {
@@ -1431,9 +1453,9 @@
}
},
"readable-stream": {
- "version": "2.3.6",
- "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
- "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
+ "version": "2.3.7",
+ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+ "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
"dev": true,
"requires": {
"core-util-is": "~1.0.0",
@@ -1477,9 +1499,9 @@
}
},
"request": {
- "version": "2.88.0",
- "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz",
- "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==",
+ "version": "2.88.2",
+ "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+ "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
"dev": true,
"requires": {
"aws-sign2": "~0.7.0",
@@ -1489,7 +1511,7 @@
"extend": "~3.0.2",
"forever-agent": "~0.6.1",
"form-data": "~2.3.2",
- "har-validator": "~5.1.0",
+ "har-validator": "~5.1.3",
"http-signature": "~1.2.0",
"is-typedarray": "~1.0.0",
"isstream": "~0.1.2",
@@ -1499,7 +1521,7 @@
"performance-now": "^2.1.0",
"qs": "~6.5.2",
"safe-buffer": "^5.1.2",
- "tough-cookie": "~2.4.3",
+ "tough-cookie": "~2.5.0",
"tunnel-agent": "^0.6.0",
"uuid": "^3.3.2"
}
@@ -1535,9 +1557,9 @@
}
},
"rimraf": {
- "version": "2.6.3",
- "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
- "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+ "version": "2.7.1",
+ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+ "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
"dev": true,
"requires": {
"glob": "^7.1.3"
@@ -1556,9 +1578,9 @@
"dev": true
},
"sass-graph": {
- "version": "2.2.4",
- "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz",
- "integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=",
+ "version": "2.2.6",
+ "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.6.tgz",
+ "integrity": "sha512-MKuEYXFSGuRSi8FZ3A7imN1CeVn9Gpw0/SFJKdL1ejXJneI9a5rwlEZrKejhEFAA3O6yr3eIyl/WuvASvlT36g==",
"dev": true,
"requires": {
"glob": "^7.0.0",
@@ -1578,9 +1600,9 @@
}
},
"semver": {
- "version": "5.7.0",
- "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz",
- "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==",
+ "version": "5.7.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
"dev": true
},
"set-blocking": {
@@ -1590,9 +1612,9 @@
"dev": true
},
"signal-exit": {
- "version": "3.0.2",
- "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
- "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
+ "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
"dev": true
},
"source-map": {
@@ -1605,9 +1627,9 @@
}
},
"spdx-correct": {
- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
- "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==",
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+ "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
"dev": true,
"requires": {
"spdx-expression-parse": "^3.0.0",
@@ -1615,15 +1637,15 @@
}
},
"spdx-exceptions": {
- "version": "2.2.0",
- "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz",
- "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==",
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+ "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
"dev": true
},
"spdx-expression-parse": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
- "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+ "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
"dev": true,
"requires": {
"spdx-exceptions": "^2.1.0",
@@ -1631,9 +1653,9 @@
}
},
"spdx-license-ids": {
- "version": "3.0.4",
- "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz",
- "integrity": "sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA==",
+ "version": "3.0.5",
+ "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz",
+ "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==",
"dev": true
},
"sshpk": {
@@ -1739,21 +1761,13 @@
"dev": true
},
"tough-cookie": {
- "version": "2.4.3",
- "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
- "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
+ "version": "2.5.0",
+ "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+ "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
"dev": true,
"requires": {
- "psl": "^1.1.24",
- "punycode": "^1.4.1"
- },
- "dependencies": {
- "punycode": {
- "version": "1.4.1",
- "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
- "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
- "dev": true
- }
+ "psl": "^1.1.28",
+ "punycode": "^2.1.1"
}
},
"trim-newlines": {
@@ -1842,9 +1856,9 @@
"optional": true
},
"uri-js": {
- "version": "4.2.2",
- "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
- "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
+ "version": "4.4.0",
+ "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.0.tgz",
+ "integrity": "sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g==",
"dev": true,
"requires": {
"punycode": "^2.1.0"
@@ -1857,9 +1871,9 @@
"dev": true
},
"uuid": {
- "version": "3.3.2",
- "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
- "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==",
+ "version": "3.4.0",
+ "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+ "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
"dev": true
},
"validate-npm-package-license": {
@@ -1964,9 +1978,9 @@
"dev": true
},
"yargs": {
- "version": "7.1.0",
- "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz",
- "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=",
+ "version": "7.1.1",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.1.tgz",
+ "integrity": "sha512-huO4Fr1f9PmiJJdll5kwoS2e4GqzGSsMT3PPMpOwoVkOK8ckqAewMTZyA6LXVQWflleb/Z8oPBEvNsMft0XE+g==",
"dev": true,
"requires": {
"camelcase": "^3.0.0",
@@ -1981,7 +1995,7 @@
"string-width": "^1.0.2",
"which-module": "^1.0.0",
"y18n": "^3.2.1",
- "yargs-parser": "^5.0.0"
+ "yargs-parser": "5.0.0-security.0"
},
"dependencies": {
"camelcase": {
@@ -1993,12 +2007,13 @@
}
},
"yargs-parser": {
- "version": "5.0.0",
- "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz",
- "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=",
+ "version": "5.0.0-security.0",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0-security.0.tgz",
+ "integrity": "sha512-T69y4Ps64LNesYxeYGYPvfoMTt/7y1XtfpIslUeK4um+9Hu7hlGoRtaDLvdXb7+/tfq4opVa2HRY5xGip022rQ==",
"dev": true,
"requires": {
- "camelcase": "^3.0.0"
+ "camelcase": "^3.0.0",
+ "object.assign": "^4.1.0"
},
"dependencies": {
"camelcase": {
diff --git a/package.json b/package.json
index 3a048d5..2435541 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
"homepage": "https://github.com/elrumordelaluz/csshake",
"devDependencies": {
"gzip-size": "5.1.1",
- "node-sass": "4.12.0",
+ "node-sass": "4.13.1",
"pretty-bytes": "5.2.0",
"pug": "2.0.3"
}
diff --git a/scss/_tools.scss b/scss/_tools.scss
index 771e9b6..554443d 100644
--- a/scss/_tools.scss
+++ b/scss/_tools.scss
@@ -32,10 +32,10 @@ $trigger: 'shake-trigger' !default;
$h: 5px,
$v: 5px,
$r: 3deg,
- $dur: 100ms,
+ $dur: 0.8s,
$precision: .02,
$opacity: false,
- $q: infinite,
+ $q: 1,
$t: ease-in-out,
$delay: null,
$chunk: 100%
@@ -77,10 +77,7 @@ $trigger: 'shake-trigger' !default;
@extend %shake;
- &:hover,
- .#{$trigger}:hover &,
- &.#{$prefix}-freeze,
- &.#{$prefix}-constant {
+ & {
@if $delay { animation-delay: $delay; }
animation-name: #{$name};
animation-duration: $dur;
@@ -88,16 +85,7 @@ $trigger: 'shake-trigger' !default;
animation-iteration-count: $q;
}
- &:hover,
- .#{$trigger}:hover & { @extend %running; }
-
-}
-
-.#{$prefix}-freeze,
-.#{$prefix}-constant.#{$prefix}-constant--hover:hover,
-.#{$trigger}:hover .#{$prefix}-constant.#{$prefix}-constant--hover {
- @extend %paused;
+ &.infinite {
+ animation-iteration-count: infinite;
+ }
}
-
-.#{$prefix}-freeze:hover,
-.#{$trigger}:hover .#{$prefix}-freeze { @extend %running; }