Skip to content

Commit

Permalink
Add dist/ folder
Browse files Browse the repository at this point in the history
  • Loading branch information
elrumordelaluz committed Oct 5, 2015
1 parent b5c4bcd commit 75dc968
Show file tree
Hide file tree
Showing 17 changed files with 1,823 additions and 0 deletions.
61 changes: 61 additions & 0 deletions dist/csshake-crazy.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
/* * * * * * * * * * * * * * * * * * * * *\
CSShake :: shake-crazy
v1.5.0
CSS classes to move your DOM
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-crazy {
display: inline-block;
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(2px, 18px) rotate(7deg);
opacity: 0.81; }
20% {
transform: translate(-19px, -18px) rotate(-2deg);
opacity: 0.9; }
30% {
transform: translate(4px, 13px) rotate(3deg);
opacity: 0.32; }
40% {
transform: translate(-15px, 0px) rotate(-9deg);
opacity: 0.37; }
50% {
transform: translate(-1px, -18px) rotate(-2deg);
opacity: 0.26; }
60% {
transform: translate(-12px, 9px) rotate(9deg);
opacity: 0.87; }
70% {
transform: translate(-17px, 16px) rotate(-6deg);
opacity: 0.78; }
80% {
transform: translate(17px, -5px) rotate(-9deg);
opacity: 0.48; }
90% {
transform: translate(-18px, 0px) rotate(-3deg);
opacity: 0.5; }
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-duration: 100ms;
animation-iteration-count: infinite;
animation-name: shake-crazy;
animation-timing-function: ease-in-out; }
1 change: 1 addition & 0 deletions dist/csshake-crazy.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

132 changes: 132 additions & 0 deletions dist/csshake-hard.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
/* * * * * * * * * * * * * * * * * * * * *\
CSShake :: shake-hard
v1.5.0
CSS classes to move your DOM
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-hard {
display: inline-block;
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(-4px, 2px) rotate(1.5deg); }
4% {
transform: translate(-4px, 5px) rotate(3.5deg); }
6% {
transform: translate(-8px, -7px) rotate(0.5deg); }
8% {
transform: translate(1px, 10px) rotate(-0.5deg); }
10% {
transform: translate(2px, -6px) rotate(-0.5deg); }
12% {
transform: translate(1px, -4px) rotate(2.5deg); }
14% {
transform: translate(-5px, -8px) rotate(1.5deg); }
16% {
transform: translate(3px, -4px) rotate(1.5deg); }
18% {
transform: translate(-7px, -2px) rotate(-2.5deg); }
20% {
transform: translate(9px, -2px) rotate(-0.5deg); }
22% {
transform: translate(-3px, 2px) rotate(-1.5deg); }
24% {
transform: translate(2px, -7px) rotate(-1.5deg); }
26% {
transform: translate(-6px, -7px) rotate(-1.5deg); }
28% {
transform: translate(2px, -3px) rotate(3.5deg); }
30% {
transform: translate(-8px, 2px) rotate(-2.5deg); }
32% {
transform: translate(-5px, 5px) rotate(0.5deg); }
34% {
transform: translate(5px, 5px) rotate(3.5deg); }
36% {
transform: translate(-8px, -2px) rotate(2.5deg); }
38% {
transform: translate(5px, 1px) rotate(-2.5deg); }
40% {
transform: translate(-9px, 5px) rotate(3.5deg); }
42% {
transform: translate(6px, -7px) rotate(-2.5deg); }
44% {
transform: translate(-8px, -9px) rotate(-1.5deg); }
46% {
transform: translate(7px, 10px) rotate(-1.5deg); }
48% {
transform: translate(3px, 2px) rotate(3.5deg); }
50% {
transform: translate(-7px, -4px) rotate(2.5deg); }
52% {
transform: translate(0px, 8px) rotate(-1.5deg); }
54% {
transform: translate(0px, 9px) rotate(0.5deg); }
56% {
transform: translate(0px, -4px) rotate(3.5deg); }
58% {
transform: translate(9px, -6px) rotate(0.5deg); }
60% {
transform: translate(-1px, -1px) rotate(1.5deg); }
62% {
transform: translate(-3px, -9px) rotate(1.5deg); }
64% {
transform: translate(-2px, 10px) rotate(1.5deg); }
66% {
transform: translate(10px, -3px) rotate(0.5deg); }
68% {
transform: translate(2px, 9px) rotate(0.5deg); }
70% {
transform: translate(-1px, 4px) rotate(-0.5deg); }
72% {
transform: translate(-3px, 3px) rotate(2.5deg); }
74% {
transform: translate(-6px, 2px) rotate(1.5deg); }
76% {
transform: translate(4px, -4px) rotate(-1.5deg); }
78% {
transform: translate(3px, -1px) rotate(3.5deg); }
80% {
transform: translate(4px, -4px) rotate(2.5deg); }
82% {
transform: translate(-6px, 3px) rotate(0.5deg); }
84% {
transform: translate(4px, 3px) rotate(-2.5deg); }
86% {
transform: translate(1px, 6px) rotate(3.5deg); }
88% {
transform: translate(-9px, 10px) rotate(1.5deg); }
90% {
transform: translate(8px, -7px) rotate(0.5deg); }
92% {
transform: translate(2px, -8px) rotate(-0.5deg); }
94% {
transform: translate(-4px, -1px) rotate(3.5deg); }
96% {
transform: translate(-9px, -6px) rotate(3.5deg); }
98% {
transform: translate(-3px, -2px) 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-duration: 100ms;
animation-iteration-count: infinite;
animation-name: shake-hard;
animation-timing-function: ease-in-out; }
1 change: 1 addition & 0 deletions dist/csshake-hard.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

132 changes: 132 additions & 0 deletions dist/csshake-horizontal.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
/* * * * * * * * * * * * * * * * * * * * *\
CSShake :: shake-horizontal
v1.5.0
CSS classes to move your DOM
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-horizontal {
display: inline-block;
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(7px, 0) rotate(0); }
4% {
transform: translate(1px, 0) rotate(0); }
6% {
transform: translate(-9px, 0) rotate(0); }
8% {
transform: translate(-4px, 0) rotate(0); }
10% {
transform: translate(9px, 0) rotate(0); }
12% {
transform: translate(9px, 0) rotate(0); }
14% {
transform: translate(6px, 0) rotate(0); }
16% {
transform: translate(-1px, 0) rotate(0); }
18% {
transform: translate(7px, 0) rotate(0); }
20% {
transform: translate(10px, 0) rotate(0); }
22% {
transform: translate(6px, 0) rotate(0); }
24% {
transform: translate(6px, 0) rotate(0); }
26% {
transform: translate(-6px, 0) rotate(0); }
28% {
transform: translate(-2px, 0) rotate(0); }
30% {
transform: translate(10px, 0) rotate(0); }
32% {
transform: translate(2px, 0) rotate(0); }
34% {
transform: translate(4px, 0) rotate(0); }
36% {
transform: translate(4px, 0) rotate(0); }
38% {
transform: translate(-7px, 0) rotate(0); }
40% {
transform: translate(-8px, 0) rotate(0); }
42% {
transform: translate(-8px, 0) rotate(0); }
44% {
transform: translate(-9px, 0) rotate(0); }
46% {
transform: translate(7px, 0) rotate(0); }
48% {
transform: translate(2px, 0) rotate(0); }
50% {
transform: translate(-9px, 0) rotate(0); }
52% {
transform: translate(7px, 0) rotate(0); }
54% {
transform: translate(7px, 0) rotate(0); }
56% {
transform: translate(0px, 0) rotate(0); }
58% {
transform: translate(1px, 0) rotate(0); }
60% {
transform: translate(-4px, 0) rotate(0); }
62% {
transform: translate(5px, 0) rotate(0); }
64% {
transform: translate(0px, 0) rotate(0); }
66% {
transform: translate(-9px, 0) rotate(0); }
68% {
transform: translate(7px, 0) rotate(0); }
70% {
transform: translate(-3px, 0) rotate(0); }
72% {
transform: translate(5px, 0) rotate(0); }
74% {
transform: translate(0px, 0) rotate(0); }
76% {
transform: translate(-6px, 0) rotate(0); }
78% {
transform: translate(4px, 0) rotate(0); }
80% {
transform: translate(3px, 0) rotate(0); }
82% {
transform: translate(0px, 0) rotate(0); }
84% {
transform: translate(-1px, 0) rotate(0); }
86% {
transform: translate(10px, 0) rotate(0); }
88% {
transform: translate(-3px, 0) rotate(0); }
90% {
transform: translate(10px, 0) rotate(0); }
92% {
transform: translate(5px, 0) rotate(0); }
94% {
transform: translate(-6px, 0) rotate(0); }
96% {
transform: translate(-8px, 0) rotate(0); }
98% {
transform: translate(10px, 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-duration: 100ms;
animation-iteration-count: infinite;
animation-name: shake-horizontal;
animation-timing-function: ease-in-out; }
1 change: 1 addition & 0 deletions dist/csshake-horizontal.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 75dc968

Please sign in to comment.