Skip to content

Commit 75dc968

Browse files
elrumordelaluzelrumordelaluz
committed
Add dist/ folder
1 parent b5c4bcd commit 75dc968

17 files changed

+1823
-0
lines changed

‎dist/csshake-crazy.css

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
/* * * * * * * * * * * * * * * * * * * * *\
2+
CSShake :: shake-crazy
3+
v1.5.0
4+
CSS classes to move your DOM
5+
(c) 2015 @elrumordelaluz
6+
http://elrumordelaluz.github.io/csshake/
7+
Licensed under MIT
8+
\* * * * * * * * * * * * * * * * * * * * */
9+
.shake-crazy {
10+
display: inline-block;
11+
transform-origin: center center; }
12+
13+
.shake-freeze,
14+
.shake-constant.shake-constant--hover:hover,
15+
.shake-trigger:hover .shake-constant.shake-constant--hover {
16+
animation-play-state: paused; }
17+
18+
.shake-freeze:hover,
19+
.shake-trigger:hover .shake-freeze, .shake-crazy:hover,
20+
.shake-trigger:hover .shake-crazy {
21+
animation-play-state: running; }
22+
23+
@keyframes shake-crazy {
24+
10% {
25+
transform: translate(2px, 18px) rotate(7deg);
26+
opacity: 0.81; }
27+
20% {
28+
transform: translate(-19px, -18px) rotate(-2deg);
29+
opacity: 0.9; }
30+
30% {
31+
transform: translate(4px, 13px) rotate(3deg);
32+
opacity: 0.32; }
33+
40% {
34+
transform: translate(-15px, 0px) rotate(-9deg);
35+
opacity: 0.37; }
36+
50% {
37+
transform: translate(-1px, -18px) rotate(-2deg);
38+
opacity: 0.26; }
39+
60% {
40+
transform: translate(-12px, 9px) rotate(9deg);
41+
opacity: 0.87; }
42+
70% {
43+
transform: translate(-17px, 16px) rotate(-6deg);
44+
opacity: 0.78; }
45+
80% {
46+
transform: translate(17px, -5px) rotate(-9deg);
47+
opacity: 0.48; }
48+
90% {
49+
transform: translate(-18px, 0px) rotate(-3deg);
50+
opacity: 0.5; }
51+
0%, 100% {
52+
transform: translate(0, 0) rotate(0); } }
53+
54+
.shake-crazy:hover,
55+
.shake-trigger:hover .shake-crazy,
56+
.shake-crazy.shake-freeze,
57+
.shake-crazy.shake-constant {
58+
animation-duration: 100ms;
59+
animation-iteration-count: infinite;
60+
animation-name: shake-crazy;
61+
animation-timing-function: ease-in-out; }

‎dist/csshake-crazy.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/csshake-hard.css

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
/* * * * * * * * * * * * * * * * * * * * *\
2+
CSShake :: shake-hard
3+
v1.5.0
4+
CSS classes to move your DOM
5+
(c) 2015 @elrumordelaluz
6+
http://elrumordelaluz.github.io/csshake/
7+
Licensed under MIT
8+
\* * * * * * * * * * * * * * * * * * * * */
9+
.shake-hard {
10+
display: inline-block;
11+
transform-origin: center center; }
12+
13+
.shake-freeze,
14+
.shake-constant.shake-constant--hover:hover,
15+
.shake-trigger:hover .shake-constant.shake-constant--hover {
16+
animation-play-state: paused; }
17+
18+
.shake-freeze:hover,
19+
.shake-trigger:hover .shake-freeze, .shake-hard:hover,
20+
.shake-trigger:hover .shake-hard {
21+
animation-play-state: running; }
22+
23+
@keyframes shake-hard {
24+
2% {
25+
transform: translate(-4px, 2px) rotate(1.5deg); }
26+
4% {
27+
transform: translate(-4px, 5px) rotate(3.5deg); }
28+
6% {
29+
transform: translate(-8px, -7px) rotate(0.5deg); }
30+
8% {
31+
transform: translate(1px, 10px) rotate(-0.5deg); }
32+
10% {
33+
transform: translate(2px, -6px) rotate(-0.5deg); }
34+
12% {
35+
transform: translate(1px, -4px) rotate(2.5deg); }
36+
14% {
37+
transform: translate(-5px, -8px) rotate(1.5deg); }
38+
16% {
39+
transform: translate(3px, -4px) rotate(1.5deg); }
40+
18% {
41+
transform: translate(-7px, -2px) rotate(-2.5deg); }
42+
20% {
43+
transform: translate(9px, -2px) rotate(-0.5deg); }
44+
22% {
45+
transform: translate(-3px, 2px) rotate(-1.5deg); }
46+
24% {
47+
transform: translate(2px, -7px) rotate(-1.5deg); }
48+
26% {
49+
transform: translate(-6px, -7px) rotate(-1.5deg); }
50+
28% {
51+
transform: translate(2px, -3px) rotate(3.5deg); }
52+
30% {
53+
transform: translate(-8px, 2px) rotate(-2.5deg); }
54+
32% {
55+
transform: translate(-5px, 5px) rotate(0.5deg); }
56+
34% {
57+
transform: translate(5px, 5px) rotate(3.5deg); }
58+
36% {
59+
transform: translate(-8px, -2px) rotate(2.5deg); }
60+
38% {
61+
transform: translate(5px, 1px) rotate(-2.5deg); }
62+
40% {
63+
transform: translate(-9px, 5px) rotate(3.5deg); }
64+
42% {
65+
transform: translate(6px, -7px) rotate(-2.5deg); }
66+
44% {
67+
transform: translate(-8px, -9px) rotate(-1.5deg); }
68+
46% {
69+
transform: translate(7px, 10px) rotate(-1.5deg); }
70+
48% {
71+
transform: translate(3px, 2px) rotate(3.5deg); }
72+
50% {
73+
transform: translate(-7px, -4px) rotate(2.5deg); }
74+
52% {
75+
transform: translate(0px, 8px) rotate(-1.5deg); }
76+
54% {
77+
transform: translate(0px, 9px) rotate(0.5deg); }
78+
56% {
79+
transform: translate(0px, -4px) rotate(3.5deg); }
80+
58% {
81+
transform: translate(9px, -6px) rotate(0.5deg); }
82+
60% {
83+
transform: translate(-1px, -1px) rotate(1.5deg); }
84+
62% {
85+
transform: translate(-3px, -9px) rotate(1.5deg); }
86+
64% {
87+
transform: translate(-2px, 10px) rotate(1.5deg); }
88+
66% {
89+
transform: translate(10px, -3px) rotate(0.5deg); }
90+
68% {
91+
transform: translate(2px, 9px) rotate(0.5deg); }
92+
70% {
93+
transform: translate(-1px, 4px) rotate(-0.5deg); }
94+
72% {
95+
transform: translate(-3px, 3px) rotate(2.5deg); }
96+
74% {
97+
transform: translate(-6px, 2px) rotate(1.5deg); }
98+
76% {
99+
transform: translate(4px, -4px) rotate(-1.5deg); }
100+
78% {
101+
transform: translate(3px, -1px) rotate(3.5deg); }
102+
80% {
103+
transform: translate(4px, -4px) rotate(2.5deg); }
104+
82% {
105+
transform: translate(-6px, 3px) rotate(0.5deg); }
106+
84% {
107+
transform: translate(4px, 3px) rotate(-2.5deg); }
108+
86% {
109+
transform: translate(1px, 6px) rotate(3.5deg); }
110+
88% {
111+
transform: translate(-9px, 10px) rotate(1.5deg); }
112+
90% {
113+
transform: translate(8px, -7px) rotate(0.5deg); }
114+
92% {
115+
transform: translate(2px, -8px) rotate(-0.5deg); }
116+
94% {
117+
transform: translate(-4px, -1px) rotate(3.5deg); }
118+
96% {
119+
transform: translate(-9px, -6px) rotate(3.5deg); }
120+
98% {
121+
transform: translate(-3px, -2px) rotate(-1.5deg); }
122+
0%, 100% {
123+
transform: translate(0, 0) rotate(0); } }
124+
125+
.shake-hard:hover,
126+
.shake-trigger:hover .shake-hard,
127+
.shake-hard.shake-freeze,
128+
.shake-hard.shake-constant {
129+
animation-duration: 100ms;
130+
animation-iteration-count: infinite;
131+
animation-name: shake-hard;
132+
animation-timing-function: ease-in-out; }

‎dist/csshake-hard.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/csshake-horizontal.css

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
/* * * * * * * * * * * * * * * * * * * * *\
2+
CSShake :: shake-horizontal
3+
v1.5.0
4+
CSS classes to move your DOM
5+
(c) 2015 @elrumordelaluz
6+
http://elrumordelaluz.github.io/csshake/
7+
Licensed under MIT
8+
\* * * * * * * * * * * * * * * * * * * * */
9+
.shake-horizontal {
10+
display: inline-block;
11+
transform-origin: center center; }
12+
13+
.shake-freeze,
14+
.shake-constant.shake-constant--hover:hover,
15+
.shake-trigger:hover .shake-constant.shake-constant--hover {
16+
animation-play-state: paused; }
17+
18+
.shake-freeze:hover,
19+
.shake-trigger:hover .shake-freeze, .shake-horizontal:hover,
20+
.shake-trigger:hover .shake-horizontal {
21+
animation-play-state: running; }
22+
23+
@keyframes shake-horizontal {
24+
2% {
25+
transform: translate(7px, 0) rotate(0); }
26+
4% {
27+
transform: translate(1px, 0) rotate(0); }
28+
6% {
29+
transform: translate(-9px, 0) rotate(0); }
30+
8% {
31+
transform: translate(-4px, 0) rotate(0); }
32+
10% {
33+
transform: translate(9px, 0) rotate(0); }
34+
12% {
35+
transform: translate(9px, 0) rotate(0); }
36+
14% {
37+
transform: translate(6px, 0) rotate(0); }
38+
16% {
39+
transform: translate(-1px, 0) rotate(0); }
40+
18% {
41+
transform: translate(7px, 0) rotate(0); }
42+
20% {
43+
transform: translate(10px, 0) rotate(0); }
44+
22% {
45+
transform: translate(6px, 0) rotate(0); }
46+
24% {
47+
transform: translate(6px, 0) rotate(0); }
48+
26% {
49+
transform: translate(-6px, 0) rotate(0); }
50+
28% {
51+
transform: translate(-2px, 0) rotate(0); }
52+
30% {
53+
transform: translate(10px, 0) rotate(0); }
54+
32% {
55+
transform: translate(2px, 0) rotate(0); }
56+
34% {
57+
transform: translate(4px, 0) rotate(0); }
58+
36% {
59+
transform: translate(4px, 0) rotate(0); }
60+
38% {
61+
transform: translate(-7px, 0) rotate(0); }
62+
40% {
63+
transform: translate(-8px, 0) rotate(0); }
64+
42% {
65+
transform: translate(-8px, 0) rotate(0); }
66+
44% {
67+
transform: translate(-9px, 0) rotate(0); }
68+
46% {
69+
transform: translate(7px, 0) rotate(0); }
70+
48% {
71+
transform: translate(2px, 0) rotate(0); }
72+
50% {
73+
transform: translate(-9px, 0) rotate(0); }
74+
52% {
75+
transform: translate(7px, 0) rotate(0); }
76+
54% {
77+
transform: translate(7px, 0) rotate(0); }
78+
56% {
79+
transform: translate(0px, 0) rotate(0); }
80+
58% {
81+
transform: translate(1px, 0) rotate(0); }
82+
60% {
83+
transform: translate(-4px, 0) rotate(0); }
84+
62% {
85+
transform: translate(5px, 0) rotate(0); }
86+
64% {
87+
transform: translate(0px, 0) rotate(0); }
88+
66% {
89+
transform: translate(-9px, 0) rotate(0); }
90+
68% {
91+
transform: translate(7px, 0) rotate(0); }
92+
70% {
93+
transform: translate(-3px, 0) rotate(0); }
94+
72% {
95+
transform: translate(5px, 0) rotate(0); }
96+
74% {
97+
transform: translate(0px, 0) rotate(0); }
98+
76% {
99+
transform: translate(-6px, 0) rotate(0); }
100+
78% {
101+
transform: translate(4px, 0) rotate(0); }
102+
80% {
103+
transform: translate(3px, 0) rotate(0); }
104+
82% {
105+
transform: translate(0px, 0) rotate(0); }
106+
84% {
107+
transform: translate(-1px, 0) rotate(0); }
108+
86% {
109+
transform: translate(10px, 0) rotate(0); }
110+
88% {
111+
transform: translate(-3px, 0) rotate(0); }
112+
90% {
113+
transform: translate(10px, 0) rotate(0); }
114+
92% {
115+
transform: translate(5px, 0) rotate(0); }
116+
94% {
117+
transform: translate(-6px, 0) rotate(0); }
118+
96% {
119+
transform: translate(-8px, 0) rotate(0); }
120+
98% {
121+
transform: translate(10px, 0) rotate(0); }
122+
0%, 100% {
123+
transform: translate(0, 0) rotate(0); } }
124+
125+
.shake-horizontal:hover,
126+
.shake-trigger:hover .shake-horizontal,
127+
.shake-horizontal.shake-freeze,
128+
.shake-horizontal.shake-constant {
129+
animation-duration: 100ms;
130+
animation-iteration-count: infinite;
131+
animation-name: shake-horizontal;
132+
animation-timing-function: ease-in-out; }

‎dist/csshake-horizontal.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)