以下是 jquery+css3实现元素颤抖特效 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html lang="ja" dir="ltr">
<head>
<meta charset="gb2312">
<title>jquery+css3ʵ��Ԫ�ز�����Ч</title>
<script src="js/jquery.min.js"></script>
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv-printshiv.js"></script>
<script src="//ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<link href="css/shake.css" rel="stylesheet" media="all">
<style type="text/css">
#wrapper {
margin: 0 auto;
width: 90%;
text-align: center;
}
#wrapper p {
font-family: helvetica;
font-weight: bold;
font-size: 80px;
color: red;
}
</style>
</head>
<body>
<div id="wrapper">
<section>
<p class="shake shake-hard">shake-hard</p>
</section>
<img class="shake shake-hard" src="img/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-slow">shake-slow</p>
</section>
<img class="shake shake-slow" src="img/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-little">shake-little</p>
</section>
<img class="shake shake-little" src="img/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-horizontal">shake-horizontal</p>
</section>
<img class="shake shake-horizontal" src="img/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-vertical">shake-vertical</p>
</section>
<img class="shake shake-vertical" src="img/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-rotate">shake-rotate</p>
</section>
<img class="shake shake-rotate" src="img/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-opacity">shake-opacity</p>
</section>
<img class="shake shake-opacity" src="img/musica_byern.jpg" alt="musica_byern" width="600">
<section>
<p class="shake shake-crazy">shake-crazy</p>
</section>
<img class="shake shake-crazy" src="img/musica_byern.jpg" alt="musica_byern" width="600">
</div>
<!-- / #wrapper -->
</body>
</html>
CSS代码(common.css):
@charset "UTF-8";/* ===================================================================CSS information file name:common.css style info:基本共通cssの定義=================================================================== */
/*--general style--*/
/* line 12,../sass/common.scss */
body{background:#ececec;}
/* line 16,../sass/common.scss */
#wrapper{overflow:hidden;min-width:960px;text-align:center;}
/* line 21,../sass/common.scss */
#header,#footer,#main{min-width:960px;}
/* line 24,../sass/common.scss */
a{color:#009139;text-decoration:underline;}
/* line 27,../sass/common.scss */
a:hover{text-decoration:none;}
/* line 32,../sass/common.scss */
section{padding:100px 0;}
/* line 34,../sass/common.scss */
section p.shake{font-size:50px;cursor:pointer;position:relative;}
/* line 41,../sass/common.scss */
.pattern1{border-bottom:1px solid #ccc;border-top:1px solid #fff;}
CSS代码(default.css):
/* ===================================================================CSS information file name:default.css style info:リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)=================================================================== */
/* change min-width to suit your needs */
html{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;border:0;outline:0;font-size:13px;color:#333;vertical-align:baseline;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.6;letter-spacing:0.1em;}
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input,textarea{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#333;cursor:pointer;outline:none;}
/* change colours to suit your needs */
ins{background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:normal;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
/* change border colour to suit your needs */
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input[type="submit"]{cursor:pointer;border:none;}
textarea{resize:vertical;overflow:hidden;}
input,select{vertical-align:middle;border-radius-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;-ms-border-radius:0;-webkit-appearance:none;border:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
address{font-style:normal;}
/* utility */
.m05{margin-bottom:5px;}
.m10{margin-bottom:10px;}
.m12{margin-bottom:12px;}
.m15{margin-bottom:15px;}
.m20{margin-bottom:20px;}
.m30{margin-bottom:30px;}
.m40{margin-bottom:40px;}
.m50{margin-bottom:50px;}
.m60{margin-bottom:60px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.mr05{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.pt05{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pb05{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pl05{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pr05{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.flt{float:left;}
.flr{float:right;}
.txt_l,td.txt_l,.txt_l td{text-align:left;}
.txt_r,td.txt_r,.txt_r td{text-align:right;}
.txt_c,td.txt_c,.txt_c td{text-align:center;}
.valign_t,td.valign_t,.valign_t td{vertical-align:top;}
.valign_m,td.valign_m,.valign_m td{vertical-align:middle;}
.valign_b,td.valign_b,.valign_b td{vertical-align:bottom;}
.clear{clear:both;}
.clearfix:before,.clearfix:after{content:"";display:block;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.ie6_error,.noScript{background:#F66;padding:30px;text-align:center;font-size:150%;color:#333;}
.last-child{margin:0 !important;}
CSS代码(shake.css):
.shake{display:inline-block;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.shake:hover{-webkit-animation-name:shake-base;-ms-animation-name:shake-base;animation-name:shake-base;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.freez{-webkit-animation-play-state:paused !important;-ms-animation-play-state:paused !important;animation-play-state:paused !important}
.shake.freez.shake-hard{-webkit-animation-name:shake-hard;-ms-animation-name:shake-hard;animation-name:shake-hard;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.freez.shake-slow{-webkit-animation-name:shake-slow;-ms-animation-name:shake-slow;animation-name:shake-slow;-webkit-animation-duration:5s;-ms-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.freez.shake-little{-webkit-animation-name:shake-little;-ms-animation-name:shake-little;animation-name:shake-little;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.freez.shake-horizontal{-webkit-animation-name:shake-horizontal;-ms-animation-name:shake-horizontal;animation-name:shake-horizontal;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.freez.shake-vertical{-webkit-animation-name:shake-vertical;-ms-animation-name:shake-vertical;animation-name:shake-vertical;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.freez.shake-rotate{-webkit-animation-name:shake-rotate;-ms-animation-name:shake-rotate;animation-name:shake-rotate;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.freez.shake-opacity{-webkit-animation-name:shake-opacity;-ms-animation-name:shake-opacity;animation-name:shake-opacity;-webkit-animation-duration:200ms;-ms-animation-duration:200ms;animation-duration:200ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.freez.shake-crazy{-webkit-animation-name:shake-crazy;-ms-animation-name:shake-crazy;animation-name:shake-crazy;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.freez:hover{-webkit-animation-play-state:running !important;-ms-animation-play-state:running !important;animation-play-state:running !important}
.shake.shake-hard:hover{-webkit-animation-name:shake-hard;-ms-animation-name:shake-hard;animation-name:shake-hard;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-slow:hover{-webkit-animation-name:shake-slow;-ms-animation-name:shake-slow;animation-name:shake-slow;-webkit-animation-duration:5s;-ms-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-little:hover{-webkit-animation-name:shake-little;-ms-animation-name:shake-little;animation-name:shake-little;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-horizontal:hover{-webkit-animation-name:shake-horizontal;-ms-animation-name:shake-horizontal;animation-name:shake-horizontal;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-vertical:hover{-webkit-animation-name:shake-vertical;-ms-animation-name:shake-vertical;animation-name:shake-vertical;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-rotate:hover{-webkit-animation-name:shake-rotate;-ms-animation-name:shake-rotate;animation-name:shake-rotate;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-opacity:hover{-webkit-animation-name:shake-opacity;-ms-animation-name:shake-opacity;animation-name:shake-opacity;-webkit-animation-duration:200ms;-ms-animation-duration:200ms;animation-duration:200ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-crazy:hover{-webkit-animation-name:shake-crazy;-ms-animation-name:shake-crazy;animation-name:shake-crazy;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant{-webkit-animation-name:shake-base;-ms-animation-name:shake-base;animation-name:shake-base;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant.shake-hard{-webkit-animation-name:shake-hard;-ms-animation-name:shake-hard;animation-name:shake-hard;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant.shake-slow{-webkit-animation-name:shake-slow;-ms-animation-name:shake-slow;animation-name:shake-slow;-webkit-animation-duration:5s;-ms-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant.shake-little{-webkit-animation-name:shake-little;-ms-animation-name:shake-little;animation-name:shake-little;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant.shake-horizontal{-webkit-animation-name:shake-horizontal;-ms-animation-name:shake-horizontal;animation-name:shake-horizontal;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant.shake-vertical{-webkit-animation-name:shake-vertical;-ms-animation-name:shake-vertical;animation-name:shake-vertical;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant.shake-rotate{-webkit-animation-name:shake-rotate;-ms-animation-name:shake-rotate;animation-name:shake-rotate;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant.shake-opacity{-webkit-animation-name:shake-opacity;-ms-animation-name:shake-opacity;animation-name:shake-opacity;-webkit-animation-duration:200ms;-ms-animation-duration:200ms;animation-duration:200ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant.shake-crazy{-webkit-animation-name:shake-crazy;-ms-animation-name:shake-crazy;animation-name:shake-crazy;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
.shake.shake-constant.hover-stop:hover{-webkit-animation-play-state:paused;-ms-animation-play-state:paused;animation-play-state:paused}
.shake.shake-delay{-webkit-animation-name:shake-base;-ms-animation-name:shake-base;animation-name:shake-base;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:4s;-ms-animation-delay:4s;animation-delay:4s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}
@-webkit-keyframes shake-base{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}
2%{-webkit-transform:translate(1.5px,-2.5px) rotate(-1.5deg)}
4%{-webkit-transform:translate(-2.5px,0.5px) rotate(-0.5deg)}
6%{-webkit-transform:translate(1.5px,1.5px) rotate(0.5deg)}
8%{-webkit-transform:translate(1.5px,1.5px) rotate(-0.5deg)}
10%{-webkit-transform:translate(1.5px,0.5px) rotate(0.5deg)}
12%{-webkit-transform:translate(0.5px,-1.5px) rotate(-1.5deg)}
14%{-webkit-transform:translate(-2.5px,-0.5px) rotate(-0.5deg)}
16%{-webkit-transform:translate(0.5px,1.5px) rotate(-1.5deg)}
18%{-webkit-transform:translate(-1.5px,1.5px) rotate(-0.5deg)}
20%{-webkit-transform:translate(0.5px,1.5px) rotate(0.5deg)}
22%{-webkit-transform:translate(-1.5px,0.5px) rotate(-0.5deg)}
24%{-webkit-transform:translate(-2.5px,1.5px) rotate(-1.5deg)}
26%{-webkit-transform:translate(0.5px,0.5px) rotate(-0.5deg)}
28%{-webkit-transform:translate(-0.5px,-2.5px) rotate(-1.5deg)}
30%{-webkit-transform:translate(-1.5px,1.5px) rotate(-1.5deg)}
32%{-webkit-transform:translate(0.5px,0.5px) rotate(-0.5deg)}
34%{-webkit-transform:translate(1.5px,-0.5px) rotate(0.5deg)}
36%{-webkit-transform:translate(-1.5px,-1.5px) rotate(-0.5deg)}
38%{-webkit-transform:translate(-2.5px,-2.5px) rotate(-1.5deg)}
40%{-webkit-transform:translate(-1.5px,0.5px) rotate(-0.5deg)}
42%{-webkit-transform:translate(-0.5px,1.5px) rotate(-1.5deg)}
44%{-webkit-transform:translate(-2.5px,-0.5px) rotate(0.5deg)}
46%{-webkit-transform:translate(-2.5px,-1.5px) rotate(0.5deg)}
48%{-webkit-transform:translate(-2.5px,-2.5px) rotate(0.5deg)}
50%{-webkit-transform:translate(0.5px,-1.5px) rotate(-1.5deg)}
52%{-webkit-transform:translate(0.5px,1.5px) rotate(0.5deg)}
54%{-webkit-transform:translate(1.5px,-0.5px) rotate(-1.5deg)}
56%{-webkit-transform:translate(-1.5px,-1.5px) rotate(-1.5deg)}
58%{-webkit-transform:translate(0.5px,1.5px) rotate(-0.5deg)}
60%{-webkit-transform:translate(-0.5px,-0.5px) rotate(0.5deg)}
62%{-webkit-transform:translate(0.5px,1.5px) rotate(-0.5deg)}
64%{-webkit-transform:translate(-2.5px,0.5px) rotate(0.5deg)}
66%{-webkit-transform:translate(-0.5px,-2.5px) rotate(0.5deg)}
68%{-webkit-transform:translate(-2.5px,-2.5px) rotate(-1.5deg)}
70%{-webkit-transform:translate(-1.5px,0.5px) rotate(-1.5deg)}
72%{-webkit-transform:translate(-1.5px,0.5px) rotate(-0.5deg)}
74%{-webkit-transform:translate(-1.5px,1.5px) rotate(-0.5deg)}
76%{-webkit-transform:translate(-1.5px,-2.5px) rotate(0.5deg)}
78%{-webkit-transform:translate(-1.5px,-2.5px) rotate(-0.5deg)}
80%{-webkit-transform:translate(-0.5px,1.5px) rotate(-0.5deg)}
82%{-webkit-transform:translate(1.5px,-1.5px) rotate(-0.5deg)}
84%{-webkit-transform:translate(-0.5px,-1.5px) rotate(-1.5deg)}
86%{-webkit-transform:translate(-2.5px,0.5px) rotate(-0.5deg)}
88%{-webkit-transform:translate(-2.5px,-0.5px) rotate(-0.5deg)}
90%{-webkit-transform:translate(-0.5px,0.5px) rotate(-1.5deg)}
92%{-webkit-transform:translate(1.5px,-2.5px) rotate(0.5deg)}
94%{-webkit-transform:translate(0.5px,1.5px) rotate(-1.5deg)}
96%{-webkit-transform:translate(1.5px,-0.5px) rotate(-1.5deg)}
98%{-webkit-transform:translate(-0.5px,0.5px) rotate(-0.5deg)}
}
@-ms-keyframes shake-base{0%{-ms-transform:translate(0px,0px) rotate(0deg)}
2%{-ms-transform:translate(-2.5px,1.5px) rotate(-1.5deg)}
4%{-ms-transform:translate(0.5px,-0.5px) rotate(-0.5deg)}
6%{-ms-transform:translate(1.5px,1.5px) rotate(0.5deg)}
8%{-ms-transform:translate(1.5px,-2.5px) rotate(0.5deg)}
10%{-ms-transform:translate(1.5px,1.5px) rotate(-1.5deg)}
12%{-ms-transform:translate(1.5px,-2.5px) rotate(-1.5deg)}
14%{-ms-transform:translate(-1.5px,-1.5px) rotate(-1.5deg)}
16%{-ms-transform:translate(-1.5px,-0.5px) rotate(-1.5deg)}
18%{-ms-transform:translate(-1.5px,-1.5px) rotate(0.5deg)}
20%{-ms-transform:translate(-1.5px,0.5px) rotate(-1.5deg)}
22%{-ms-transform:translate(1.5px,1.5px) rotate(-1.5deg)}
24%{-ms-transform:translate(-1.5px,0.5px) rotate(-0.5deg)}
26%{-ms-transform:translate(1.5px,-2.5px) rotate(0.5deg)}
28%{-ms-transform:translate(-2.5px,-0.5px) rotate(-0.5deg)}
30%{-ms-transform:translate(-1.5px,1.5px) rotate(0.5deg)}
32%{-ms-transform:translate(0.5px,-1.5px) rotate(-1.5deg)}
34%{-ms-transform:translate(0.5px,-2.5px) rotate(0.5deg)}
36%{-ms-transform:translate(-1.5px,1.5px) rotate(0.5deg)}
38%{-ms-transform:translate(-1.5px,-0.5px) rotate(0.5deg)}
40%{-ms-transform:translate(1.5px,-1.5px) rotate(0.5deg)}
42%{-ms-transform:translate(0.5px,0.5px) rotate(-0.5deg)}
44%{-ms-transform:translate(-0.5px,-1.5px) rotate(0.5deg)}
46%{-ms-transform:translate(-0.5px,-0.5px) rotate(-1.5deg)}
48%{-ms-transform:translate(-1.5px,1.5px) rotate(-1.5deg)}
50%{-ms-transform:translate(-0.5px,-2.5px) rotate(-1.5deg)}
52%{-ms-transform:translate(0.5px,0.5px) rotate(-1.5deg)}
54%{-ms-transform:translate(0.5px,1.5px) rotate(-0.5deg)}
56%{-ms-transform:translate(0.5px,-0.5px) rotate(-0.5deg)}
58%{-ms-transform:translate(-2.5px,-0.5px) rotate(0.5deg)}
60%{-ms-transform:translate(1.5px,0.5px) rotate(-0.5deg)}
62%{-ms-transform:translate(-2.5px,1.5px) rotate(-1.5deg)}
64%{-ms-transform:translate(0.5px,-1.5px) rotate(-0.5deg)}
66%{-ms-transform:translate(-1.5px,-2.5px) rotate(-0.5deg)}
68%{-ms-transform:translate(1.5px,1.5px) rotate(-0.5deg)}
70%{-ms-transform:translate(-0.5px,1.5px) rotate(-1.5deg)}
72%{-ms-transform:translate(1.5px,-1.5px) rotate(-0.5deg)}
74%{-ms-transform:translate(-0.5px,1.5px) rotate(-1.5deg)}
76%{-ms-transform:translate(1.5px,-2.5px) rotate(-1.5deg)}
78%{-ms-transform:translate(-0.5px,0.5px) rotate(0.5deg)}
80%{-ms-transform:translate(0.5px,-0.5px) rotate(-1.5deg)}
82%{-ms-transform:translate(1.5px,0.5px) rotate(0.5deg)}
84%{-ms-transform:translate(-2.5px,0.5px) rotate(-1.5deg)}
86%{-ms-transform:translate(-1.5px,-0.5px) rotate(-1.5deg)}
88%{-ms-transform:translate(-2.5px,-1.5px) rotate(0.5deg)}
90%{-ms-transform:translate(1.5px,1.5px) rotate(-0.5deg)}
92%{-ms-transform:translate(0.5px,-0.5px) rotate(-1.5deg)}
94%{-ms-transform:translate(-1.5px,-2.5px) rotate(-0.5deg)}
96%{-ms-transform:translate(1.5px,-1.5px) rotate(-0.5deg)}
98%{-ms-transform:translate(0.5px,1.5px) rotate(-0.5deg)}
}
@keyframes shake-base{0%{transform:translate(0px,0px) rotate(0deg)}
2%{transform:translate(-1.5px,1.5px) rotate(0.5deg)}
4%{transform:translate(-2.5px,-1.5px) rotate(-1.5deg)}
6%{transform:translate(-0.5px,1.5px) rotate(-1.5deg)}
8%{transform:translate(1.5px,-0.5px) rotate(-1.5deg)}
10%{transform:translate(0.5px,-0.5px) rotate(-0.5deg)}
12%{transform:translate(0.5px,-1.5px) rotate(-0.5deg)}
14%{transform:translate(-0.5px,0.5px) rotate(-1.5deg)}
16%{transform:translate(1.5px,-0.5px) rotate(0.5deg)}
18%{transform:translate(1.5px,1.5px) rotate(0.5deg)}
20%{transform:translate(-2.5px,0.5px) rotate(0.5deg)}
22%{transform:translate(-0.5px,0.5px) rotate(-0.5deg)}
24%{transform:translate(1.5px,-1.5px) rotate(0.5deg)}
26%{transform:translate(-2.5px,1.5px) rotate(-0.5deg)}
28%{transform:translate(-2.5px,0.5px) rotate(-0.5deg)}
30%{transform:translate(1.5px,1.5px) rotate(-0.5deg)}
32%{transform:translate(0.5px,1.5px) rotate(0.5deg)}
34%{transform:translate(1.5px,1.5px) rotate(-0.5deg)}
36%{transform:translate(1.5px,-1.5px) rotate(-0.5deg)}
38%{transform:translate(-1.5px,1.5px) rotate(0.5deg)}
40%{transform:translate(0.5px,-2.5px) rotate(-0.5deg)}
42%{transform:translate(-2.5px,-0.5px) rotate(-0.5deg)}
44%{transform:translate(-2.5px,-0.5px) rotate(-0.5deg)}
46%{transform:translate(-1.5px,-0.5px) rotate(-0.5deg)}
48%{transform:translate(-2.5px,1.5px) rotate(-0.5deg)}
50%{transform:translate(-0.5px,-2.5px) rotate(0.5deg)}
52%{transform:translate(0.5px,1.5px) rotate(-1.5deg)}
54%{transform:translate(-0.5px,-2.5px) rotate(0.5deg)}
56%{transform:translate(-0.5px,0.5px) rotate(-0.5deg)}
58%{transform:translate(-0.5px,1.5px) rotate(0.5deg)}
60%{transform:translate(0.5px,-2.5px) rotate(0.5deg)}
62%{transform:translate(1.5px,-2.5px) rotate(0.5deg)}
64%{transform:translate(-1.5px,1.5px) rotate(-0.5deg)}
66%{transform:translate(-0.5px,1.5px) rotate(-0.5deg)}
68%{transform:translate(-1.5px,-0.5px) rotate(0.5deg)}
70%{transform:translate(0.5px,0.5px) rotate(-0.5deg)}
72%{transform:translate(1.5px,1.5px) rotate(0.5deg)}
74%{transform:translate(1.5px,-1.5px) rotate(-1.5deg)}
76%{transform:translate(1.5px,1.5px) rotate(-1.5deg)}
78%{transform:translate(-2.5px,-1.5px) rotate(-1.5deg)}
80%{transform:translate(0.5px,1.5px) rotate(-0.5deg)}
82%{transform:translate(-2.5px,-1.5px) rotate(0.5deg)}
84%{transform:translate(-0.5px,-1.5px) rotate(-0.5deg)}
86%{transform:translate(-1.5px,0.5px) rotate(-0.5deg)}
88%{transform:translate(1.5px,0.5px) rotate(-0.5deg)}
90%{transform:translate(0.5px,-1.5px) rotate(-1.5deg)}
92%{transform:translate(0.5px,0.5px) rotate(-1.5deg)}
94%{transform:translate(1.5px,1.5px) rotate(0.5deg)}
96%{transform:translate(-1.5px,-1.5px) rotate(-1.5deg)}
98%{transform:translate(-2.5px,-0.5px) rotate(-1.5deg)}
}
@-webkit-keyframes shake-little{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}
2%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg)}
4%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
6%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
8%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
10%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg)}
12%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg)}
14%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
16%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
18%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
20%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
22%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg)}
24%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
26%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
28%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
30%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
32%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg)}
34%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
36%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg)}
38%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg)}
40%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
42%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
44%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg)}
46%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
48%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
50%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
52%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
54%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
56%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg)}
58%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg)}
60%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
62%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
64%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg)}
66%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
68%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg)}
70%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg)}
72%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg)}
74%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
76%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
78%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg)}
80%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg)}
82%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg)}
84%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg)}
86%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
88%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
90%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
92%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
94%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
96%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg)}
98%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
}
@-ms-keyframes shake-little{0%{-ms-transform:translate(0px,0px) rotate(0deg)}
2%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
4%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
6%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
8%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
10%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
12%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
14%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
16%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
18%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
20%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
22%{-ms-transform:translate(-1px,-1px) rotate(-0.5deg)}
24%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
26%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
28%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
30%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
32%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
34%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
36%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
38%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
40%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
42%{-ms-transform:translate(-1px,-1px) rotate(-0.5deg)}
44%{-ms-transform:translate(-1px,-1px) rotate(-0.5deg)}
46%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
48%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
50%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
52%{-ms-transform:translate(-1px,-1px) rotate(-0.5deg)}
54%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
56%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
58%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
60%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
62%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
64%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
66%{-ms-transform:translate(-1px,-1px) rotate(-0.5deg)}
68%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
70%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
72%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
74%{-ms-transform:translate(-1px,-1px) rotate(-0.5deg)}
76%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
78%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
80%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
82%{-ms-transform:translate(-1px,-1px) rotate(-0.5deg)}
84%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
86%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
88%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
90%{-ms-transform:translate(-1px,-1px) rotate(-0.5deg)}
92%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
94%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
96%{-ms-transform:translate(-1px,0px) rotate(-0.5deg)}
98%{-ms-transform:translate(0px,-1px) rotate(-0.5deg)}
}
@keyframes shake-little{0%{transform:translate(0px,0px) rotate(0deg)}
2%{transform:translate(-1px,-1px) rotate(-0.5deg)}
4%{transform:translate(-1px,-1px) rotate(-0.5deg)}
6%{transform:translate(0px,0px) rotate(-0.5deg)}
8%{transform:translate(0px,-1px) rotate(-0.5deg)}
10%{transform:translate(-1px,-1px) rotate(-0.5deg)}
12%{transform:translate(0px,0px) rotate(-0.5deg)}
14%{transform:translate(0px,0px) rotate(-0.5deg)}
16%{transform:translate(0px,-1px) rotate(-0.5deg)}
18%{transform:translate(0px,0px) rotate(-0.5deg)}
20%{transform:translate(-1px,-1px) rotate(-0.5deg)}
22%{transform:translate(-1px,-1px) rotate(-0.5deg)}
24%{transform:translate(-1px,-1px) rotate(-0.5deg)}
26%{transform:translate(-1px,0px) rotate(-0.5deg)}
28%{transform:translate(0px,-1px) rotate(-0.5deg)}
30%{transform:translate(0px,-1px) rotate(-0.5deg)}
32%{transform:translate(0px,0px) rotate(-0.5deg)}
34%{transform:translate(0px,-1px) rotate(-0.5deg)}
36%{transform:translate(-1px,0px) rotate(-0.5deg)}
38%{transform:translate(-1px,-1px) rotate(-0.5deg)}
40%{transform:translate(0px,0px) rotate(-0.5deg)}
42%{transform:translate(-1px,-1px) rotate(-0.5deg)}
44%{transform:translate(-1px,0px) rotate(-0.5deg)}
46%{transform:translate(-1px,-1px) rotate(-0.5deg)}
48%{transform:translate(0px,-1px) rotate(-0.5deg)}
50%{transform:translate(0px,-1px) rotate(-0.5deg)}
52%{transform:translate(0px,0px) rotate(-0.5deg)}
54%{transform:translate(-1px,0px) rotate(-0.5deg)}
56%{transform:translate(0px,0px) rotate(-0.5deg)}
58%{transform:translate(0px,0px) rotate(-0.5deg)}
60%{transform:translate(0px,0px) rotate(-0.5deg)}
62%{transform:translate(0px,-1px) rotate(-0.5deg)}
64%{transform:translate(0px,0px) rotate(-0.5deg)}
66%{transform:translate(-1px,-1px) rotate(-0.5deg)}
68%{transform:translate(0px,-1px) rotate(-0.5deg)}
70%{transform:translate(0px,0px) rotate(-0.5deg)}
72%{transform:translate(-1px,-1px) rotate(-0.5deg)}
74%{transform:translate(-1px,-1px) rotate(-0.5deg)}
76%{transform:translate(-1px,0px) rotate(-0.5deg)}
78%{transform:translate(0px,0px) rotate(-0.5deg)}
80%{transform:translate(0px,-1px) rotate(-0.5deg)}
82%{transform:translate(-1px,0px) rotate(-0.5deg)}
84%{transform:translate(-1px,-1px) rotate(-0.5deg)}
86%{transform:translate(0px,-1px) rotate(-0.5deg)}
88%{transform:translate(0px,0px) rotate(-0.5deg)}
90%{transform:translate(-1px,-1px) rotate(-0.5deg)}
92%{transform:translate(-1px,0px) rotate(-0.5deg)}
94%{transform:translate(-1px,0px) rotate(-0.5deg)}
96%{transform:translate(0px,-1px) rotate(-0.5deg)}
98%{transform:translate(0px,-1px) rotate(-0.5deg)}
}
@-webkit-keyframes shake-slow{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}
2%{-webkit-transform:translate(-1px,8px) rotate(1.5deg)}
4%{-webkit-transform:translate(7px,0px) rotate(-0.5deg)}
6%{-webkit-transform:translate(8px,8px) rotate(-3.5deg)}
8%{-webkit-transform:translate(-4px,-3px) rotate(-1.5deg)}
10%{-webkit-transform:translate(5px,0px) rotate(-2.5deg)}
12%{-webkit-transform:translate(-10px,-3px) rotate(-3.5deg)}
14%{-webkit-transform:translate(5px,7px) rotate(2.5deg)}
16%{-webkit-transform:translate(8px,-8px) rotate(-1.5deg)}
18%{-webkit-transform:translate(9px,-6px) rotate(-3.5deg)}
20%{-webkit-transform:translate(3px,1px) rotate(-0.5deg)}
22%{-webkit-transform:translate(6px,8px) rotate(-2.5deg)}
24%{-webkit-transform:translate(-8px,-1px) rotate(2.5deg)}
26%{-webkit-transform:translate(7px,-10px) rotate(0.5deg)}
28%{-webkit-transform:translate(7px,-4px) rotate(-3.5deg)}
30%{-webkit-transform:translate(-2px,-6px) rotate(-1.5deg)}
32%{-webkit-transform:translate(-1px,0px) rotate(2.5deg)}
34%{-webkit-transform:translate(6px,2px) rotate(-0.5deg)}
36%{-webkit-transform:translate(2px,7px) rotate(1.5deg)}
38%{-webkit-transform:translate(2px,-9px) rotate(1.5deg)}
40%{-webkit-transform:translate(-5px,-1px) rotate(-0.5deg)}
42%{-webkit-transform:translate(-8px,2px) rotate(-0.5deg)}
44%{-webkit-transform:translate(-4px,3px) rotate(0.5deg)}
46%{-webkit-transform:translate(-10px,-2px) rotate(-0.5deg)}
48%{-webkit-transform:translate(1px,9px) rotate(1.5deg)}
50%{-webkit-transform:translate(6px,7px) rotate(1.5deg)}
52%{-webkit-transform:translate(-8px,4px) rotate(0.5deg)}
54%{-webkit-transform:translate(6px,-8px) rotate(-2.5deg)}
56%{-webkit-transform:translate(2px,-9px) rotate(-2.5deg)}
58%{-webkit-transform:translate(-2px,-9px) rotate(0.5deg)}
60%{-webkit-transform:translate(2px,7px) rotate(-0.5deg)}
62%{-webkit-transform:translate(0px,0px) rotate(-1.5deg)}
64%{-webkit-transform:translate(-9px,-4px) rotate(-3.5deg)}
66%{-webkit-transform:translate(6px,-6px) rotate(0.5deg)}
68%{-webkit-transform:translate(0px,-7px) rotate(-2.5deg)}
70%{-webkit-transform:translate(-10px,1px) rotate(1.5deg)}
72%{-webkit-transform:translate(-7px,9px) rotate(2.5deg)}
74%{-webkit-transform:translate(2px,-6px) rotate(-0.5deg)}
76%{-webkit-transform:translate(5px,1px) rotate(-0.5deg)}
78%{-webkit-transform:translate(-1px,5px) rotate(2.5deg)}
80%{-webkit-transform:translate(3px,7px) rotate(2.5deg)}
82%{-webkit-transform:translate(-6px,-7px) rotate(-0.5deg)}
84%{-webkit-transform:translate(-8px,8px) rotate(-2.5deg)}
86%{-webkit-transform:translate(8px,3px) rotate(-2.5deg)}
88%{-webkit-transform:translate(-8px,3px) rotate(-1.5deg)}
90%{-webkit-transform:translate(-7px,-4px) rotate(-3.5deg)}
92%{-webkit-transform:translate(-8px,4px) rotate(2.5deg)}
94%{-webkit-transform:translate(-6px,-6px) rotate(-3.5deg)}
96%{-webkit-transform:translate(-3px,2px) rotate(-3.5deg)}
98%{-webkit-transform:translate(2px,1px) rotate(-0.5deg)}
}
@-ms-keyframes shake-slow{0%{-ms-transform:translate(0px,0px) rotate(0deg)}
2%{-ms-transform:translate(-9px,1px) rotate(-1.5deg)}
4%{-ms-transform:translate(-10px,-1px) rotate(-3.5deg)}
6%{-ms-transform:translate(6px,2px) rotate(-1.5deg)}
8%{-ms-transform:translate(-3px,-6px) rotate(-1.5deg)}
10%{-ms-transform:translate(-10px,-3px) rotate(-0.5deg)}
12%{-ms-transform:translate(-8px,6px) rotate(-2.5deg)}
14%{-ms-transform:translate(7px,5px) rotate(-1.5deg)}
16%{-ms-transform:translate(2px,2px) rotate(1.5deg)}
18%{-ms-transform:translate(8px,-2px) rotate(-3.5deg)}
20%{-ms-transform:translate(-9px,3px) rotate(-3.5deg)}
22%{-ms-transform:translate(8px,-4px) rotate(-1.5deg)}
24%{-ms-transform:translate(-1px,-7px) rotate(2.5deg)}
26%{-ms-transform:translate(9px,9px) rotate(-0.5deg)}
28%{-ms-transform:translate(9px,-4px) rotate(-3.5deg)}
30%{-ms-transform:translate(6px,-7px) rotate(-0.5deg)}
32%{-ms-transform:translate(9px,2px) rotate(1.5deg)}
34%{-ms-transform:translate(3px,-9px) rotate(2.5deg)}
36%{-ms-transform:translate(-6px,-4px) rotate(2.5deg)}
38%{-ms-transform:translate(-5px,-9px) rotate(0.5deg)}
40%{-ms-transform:translate(6px,9px) rotate(-2.5deg)}
42%{-ms-transform:translate(5px,-5px) rotate(0.5deg)}
44%{-ms-transform:translate(8px,5px) rotate(-3.5deg)}
46%{-ms-transform:translate(-2px,9px) rotate(1.5deg)}
48%{-ms-transform:translate(-10px,-5px) rotate(-2.5deg)}
50%{-ms-transform:translate(8px,-1px) rotate(-3.5deg)}
52%{-ms-transform:translate(-5px,-7px) rotate(2.5deg)}
54%{-ms-transform:translate(7px,0px) rotate(2.5deg)}
56%{-ms-transform:translate(-5px,-1px) rotate(-0.5deg)}
58%{-ms-transform:translate(0px,-4px) rotate(-3.5deg)}
60%{-ms-transform:translate(-10px,2px) rotate(2.5deg)}
62%{-ms-transform:translate(9px,8px) rotate(0.5deg)}
64%{-ms-transform:translate(-4px,-4px) rotate(-1.5deg)}
66%{-ms-transform:translate(-1px,-9px) rotate(-0.5deg)}
68%{-ms-transform:translate(-6px,-9px) rotate(-2.5deg)}
70%{-ms-transform:translate(-6px,-8px) rotate(-1.5deg)}
72%{-ms-transform:translate(-2px,-3px) rotate(-2.5deg)}
74%{-ms-transform:translate(-8px,1px) rotate(-0.5deg)}
76%{-ms-transform:translate(-7px,7px) rotate(2.5deg)}
78%{-ms-transform:translate(7px,2px) rotate(-3.5deg)}
80%{-ms-transform:translate(-10px,-4px) rotate(-0.5deg)}
82%{-ms-transform:translate(2px,-9px) rotate(1.5deg)}
84%{-ms-transform:translate(3px,5px) rotate(1.5deg)}
86%{-ms-transform:translate(5px,2px) rotate(2.5deg)}
88%{-ms-transform:translate(-5px,-1px) rotate(-1.5deg)}
90%{-ms-transform:translate(-1px,-9px) rotate(1.5deg)}
92%{-ms-transform:translate(8px,-6px) rotate(-3.5deg)}
94%{-ms-transform:translate(7px,-9px) rotate(-2.5deg)}
96%{-ms-transform:translate(4px,-5px) rotate(2.5deg)}
98%{-ms-transform:translate(8px,0px) rotate(-3.5deg)}
}
@keyframes shake-slow{0%{transform:translate(0px,0px) rotate(0deg)}
2%{transform:translate(-6px,-8px) rotate(2.5deg)}
4%{transform:translate(3px,-9px) rotate(-0.5deg)}
6%{transform:translate(3px,-8px) rotate(2.5deg)}
8%{transform:translate(0px,5px) rotate(0.5deg)}
10%{transform:translate(3px,2px) rotate(0.5deg)}
12%{transform:translate(8px,0px) rotate(0.5deg)}
14%{transform:translate(4px,7px) rotate(-3.5deg)}
16%{transform:translate(-4px,0px) rotate(-0.5deg)}
18%{transform:translate(1px,3px) rotate(-1.5deg)}
20%{transform:translate(-8px,-1px) rotate(-3.5deg)}
22%{transform:translate(5px,9px) rotate(2.5deg)}
24%{transform:translate(-9px,-10px) rotate(-2.5deg)}
26%{transform:translate(0px,7px) rotate(-1.5deg)}
28%{transform:translate(-10px,7px) rotate(2.5deg)}
30%{transform:translate(8px,-7px) rotate(-1.5deg)}
32%{transform:translate(0px,-8px) rotate(-0.5deg)}
34%{transform:translate(9px,7px) rotate(-0.5deg)}
36%{transform:translate(-7px,6px) rotate(0.5deg)}
38%{transform:translate(8px,-10px) rotate(-0.5deg)}
40%{transform:translate(8px,0px) rotate(0.5deg)}
42%{transform:translate(0px,-2px) rotate(1.5deg)}
44%{transform:translate(5px,-2px) rotate(-0.5deg)}
46%{transform:translate(1px,-10px) rotate(-2.5deg)}
48%{transform:translate(4px,-1px) rotate(2.5deg)}
50%{transform:translate(-5px,-4px) rotate(2.5deg)}
52%{transform:translate(3px,2px) rotate(-3.5deg)}
54%{transform:translate(1px,-6px) rotate(-0.5deg)}
56%{transform:translate(-3px,-4px) rotate(-0.5deg)}
58%{transform:translate(-10px,-10px) rotate(2.5deg)}
60%{transform:translate(8px,7px) rotate(-3.5deg)}
62%{transform:translate(9px,-6px) rotate(-3.5deg)}
64%{transform:translate(-5px,8px) rotate(-0.5deg)}
66%{transform:translate(1px,-3px) rotate(0.5deg)}
68%{transform:translate(-6px,9px) rotate(1.5deg)}
70%{transform:translate(-5px,8px) rotate(-1.5deg)}
72%{transform:translate(-10px,-2px) rotate(2.5deg)}
74%{transform:translate(0px,-4px) rotate(1.5deg)}
76%{transform:translate(-2px,-5px) rotate(0.5deg)}
78%{transform:translate(-2px,9px) rotate(-3.5deg)}
80%{transform:translate(7px,4px) rotate(-3.5deg)}
82%{transform:translate(-1px,-4px) rotate(-1.5deg)}
84%{transform:translate(3px,-6px) rotate(0.5deg)}
86%{transform:translate(7px,-8px) rotate(-1.5deg)}
88%{transform:translate(4px,-9px) rotate(1.5deg)}
90%{transform:translate(1px,-6px) rotate(2.5deg)}
92%{transform:translate(-8px,-1px) rotate(-1.5deg)}
94%{transform:translate(-4px,-1px) rotate(0.5deg)}
96%{transform:translate(-6px,9px) rotate(1.5deg)}
98%{transform:translate(7px,4px) rotate(-0.5deg)}
}
@-webkit-keyframes shake-hard{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}
2%{-webkit-transform:translate(5px,-4px) rotate(-2.5deg)}
4%{-webkit-transform:translate(-10px,5px) rotate(2.5deg)}
6%{-webkit-transform:translate(0px,5px) rotate(-3.5deg)}
8%{-webkit-transform:translate(-6px,-10px) rotate(-1.5deg)}
10%{-webkit-transform:translate(2px,-7px) rotate(1.5deg)}
12%{-webkit-transform:translate(0px,1px) rotate(0.5deg)}
14%{-webkit-transform:translate(7px,-9px) rotate(-0.5deg)}
16%{-webkit-transform:translate(-8px,4px) rotate(-2.5deg)}
18%{-webkit-transform:translate(-9px,-4px) rotate(-0.5deg)}
20%{-webkit-transform:translate(-8px,-8px) rotate(0.5deg)}
22%{-webkit-transform:translate(-7px,0px) rotate(-0.5deg)}
24%{-webkit-transform:translate(-10px,-5px) rotate(-3.5deg)}
26%{-webkit-transform:translate(1px,-10px) rotate(-0.5deg)}
28%{-webkit-transform:translate(5px,2px) rotate(-1.5deg)}
30%{-webkit-transform:translate(-8px,5px) rotate(-0.5deg)}
32%{-webkit-transform:translate(-4px,2px) rotate(1.5deg)}
34%{-webkit-transform:translate(-9px,8px) rotate(1.5deg)}
36%{-webkit-transform:translate(8px,-3px) rotate(1.5deg)}
38%{-webkit-transform:translate(-10px,7px) rotate(-0.5deg)}
40%{-webkit-transform:translate(-7px,1px) rotate(-3.5deg)}
42%{-webkit-transform:translate(-9px,7px) rotate(0.5deg)}
44%{-webkit-transform:translate(4px,2px) rotate(-3.5deg)}
46%{-webkit-transform:translate(8px,4px) rotate(2.5deg)}
48%{-webkit-transform:translate(-5px,-1px) rotate(-2.5deg)}
50%{-webkit-transform:translate(-7px,5px) rotate(-2.5deg)}
52%{-webkit-transform:translate(-1px,-7px) rotate(-3.5deg)}
54%{-webkit-transform:translate(-2px,-3px) rotate(0.5deg)}
56%{-webkit-transform:translate(-4px,-6px) rotate(-2.5deg)}
58%{-webkit-transform:translate(5px,4px) rotate(-2.5deg)}
60%{-webkit-transform:translate(-3px,2px) rotate(-0.5deg)}
62%{-webkit-transform:translate(-4px,-10px) rotate(-1.5deg)}
64%{-webkit-transform:translate(-4px,-9px) rotate(-2.5deg)}
66%{-webkit-transform:translate(3px,-8px) rotate(-1.5deg)}
68%{-webkit-transform:translate(-5px,-2px) rotate(0.5deg)}
70%{-webkit-transform:translate(-3px,-1px) rotate(-3.5deg)}
72%{-webkit-transform:translate(9px,-2px) rotate(0.5deg)}
74%{-webkit-transform:translate(7px,-6px) rotate(-2.5deg)}
76%{-webkit-transform:translate(1px,2px) rotate(-1.5deg)}
78%{-webkit-transform:translate(-3px,-5px) rotate(-1.5deg)}
80%{-webkit-transform:translate(-5px,3px) rotate(2.5deg)}
82%{-webkit-transform:translate(-2px,-1px) rotate(-3.5deg)}
84%{-webkit-transform:translate(-8px,7px) rotate(0.5deg)}
86%{-webkit-transform:translate(-2px,4px) rotate(-0.5deg)}
88%{-webkit-transform:translate(4px,7px) rotate(-3.5deg)}
90%{-webkit-transform:translate(2px,7px) rotate(0.5deg)}
92%{-webkit-transform:translate(-3px,6px) rotate(-3.5deg)}
94%{-webkit-transform:translate(1px,8px) rotate(1.5deg)}
96%{-webkit-transform:translate(-8px,-2px) rotate(1.5deg)}
98%{-webkit-transform:translate(-5px,6px) rotate(0.5deg)}
}
@-ms-keyframes shake-hard{0%{-ms-transform:translate(0px,0px) rotate(0deg)}
2%{-ms-transform:translate(-1px,3px) rotate(-1.5deg)}
4%{-ms-transform:translate(0px,-6px) rotate(2.5deg)}
6%{-ms-transform:translate(3px,6px) rotate(-0.5deg)}
8%{-ms-transform:translate(-1px,-7px) rotate(0.5deg)}
10%{-ms-transform:translate(-3px,-2px) rotate(-2.5deg)}
12%{-ms-transform:translate(-6px,7px) rotate(-3.5deg)}
14%{-ms-transform:translate(4px,-4px) rotate(1.5deg)}
16%{-ms-transform:translate(-1px,4px) rotate(0.5deg)}
18%{-ms-transform:translate(2px,9px) rotate(0.5deg)}
20%{-ms-transform:translate(-4px,-2px) rotate(0.5deg)}
22%{-ms-transform:translate(0px,1px) rotate(0.5deg)}
24%{-ms-transform:translate(-2px,0px) rotate(1.5deg)}
26%{-ms-transform:translate(3px,-2px) rotate(-3.5deg)}
28%{-ms-transform:translate(4px,-9px) rotate(-0.5deg)}
30%{-ms-transform:translate(6px,-7px) rotate(2.5deg)}
32%{-ms-transform:translate(6px,-9px) rotate(-2.5deg)}
34%{-ms-transform:translate(1px,4px) rotate(-3.5deg)}
36%{-ms-transform:translate(7px,-5px) rotate(-0.5deg)}
38%{-ms-transform:translate(9px,-6px) rotate(-1.5deg)}
40%{-ms-transform:translate(-7px,6px) rotate(2.5deg)}
42%{-ms-transform:translate(-8px,-9px) rotate(0.5deg)}
44%{-ms-transform:translate(-9px,-6px) rotate(1.5deg)}
46%{-ms-transform:translate(6px,6px) rotate(-3.5deg)}
48%{-ms-transform:translate(-6px,9px) rotate(-1.5deg)}
50%{-ms-transform:translate(8px,1px) rotate(2.5deg)}
52%{-ms-transform:translate(-8px,2px) rotate(-3.5deg)}
54%{-ms-transform:translate(3px,3px) rotate(0.5deg)}
56%{-ms-transform:translate(-7px,-7px) rotate(0.5deg)}
58%{-ms-transform:translate(-6px,-5px) rotate(0.5deg)}
60%{-ms-transform:translate(-4px,9px) rotate(-3.5deg)}
62%{-ms-transform:translate(-2px,-4px) rotate(-3.5deg)}
64%{-ms-transform:translate(9px,-2px) rotate(-3.5deg)}
66%{-ms-transform:translate(-4px,0px) rotate(-0.5deg)}
68%{-ms-transform:translate(3px,-2px) rotate(-2.5deg)}
70%{-ms-transform:translate(6px,-6px) rotate(-3.5deg)}
72%{-ms-transform:translate(4px,-6px) rotate(-3.5deg)}
74%{-ms-transform:translate(1px,7px) rotate(-0.5deg)}
76%{-ms-transform:translate(-2px,8px) rotate(2.5deg)}
78%{-ms-transform:translate(2px,-2px) rotate(-1.5deg)}
80%{-ms-transform:translate(6px,8px) rotate(0.5deg)}
82%{-ms-transform:translate(0px,0px) rotate(-3.5deg)}
84%{-ms-transform:translate(-5px,-5px) rotate(-2.5deg)}
86%{-ms-transform:translate(-3px,2px) rotate(2.5deg)}
88%{-ms-transform:translate(7px,-9px) rotate(-2.5deg)}
90%{-ms-transform:translate(5px,-5px) rotate(-3.5deg)}
92%{-ms-transform:translate(-2px,8px) rotate(0.5deg)}
94%{-ms-transform:translate(-5px,-9px) rotate(-2.5deg)}
96%{-ms-transform:translate(8px,-9px) rotate(0.5deg)}
98%{-ms-transform:translate(-9px,4px) rotate(1.5deg)}
}
@keyframes shake-hard{0%{transform:translate(0px,0px) rotate(0deg)}
2%{transform:translate(0px,4px) rotate(0.5deg)}
4%{transform:translate(6px,-2px) rotate(-3.5deg)}
6%{transform:translate(-3px,-8px) rotate(-2.5deg)}
8%{transform:translate(-1px,9px) rotate(2.5deg)}
10%{transform:translate(6px,5px) rotate(-2.5deg)}
12%{transform:translate(-3px,6px) rotate(-2.5deg)}
14%{transform:translate(-9px,1px) rotate(-0.5deg)}
16%{transform:translate(-6px,5px) rotate(2.5deg)}
18%{transform:translate(-9px,8px) rotate(0.5deg)}
20%{transform:translate(-9px,6px) rotate(-2.5deg)}
22%{transform:translate(-5px,6px) rotate(0.5deg)}
24%{transform:translate(6px,3px) rotate(1.5deg)}
26%{transform:translate(8px,-10px) rotate(-2.5deg)}
28%{transform:translate(0px,-5px) rotate(-3.5deg)}
30%{transform:translate(6px,-10px) rotate(2.5deg)}
32%{transform:translate(3px,0px) rotate(-3.5deg)}
34%{transform:translate(4px,-6px) rotate(-3.5deg)}
36%{transform:translate(-5px,4px) rotate(-0.5deg)}
38%{transform:translate(-7px,-6px) rotate(-1.5deg)}
40%{transform:translate(4px,-9px) rotate(-3.5deg)}
42%{transform:translate(-9px,-2px) rotate(-1.5deg)}
44%{transform:translate(0px,-3px) rotate(1.5deg)}
46%{transform:translate(-5px,-5px) rotate(-2.5deg)}
48%{transform:translate(-6px,2px) rotate(-3.5deg)}
50%{transform:translate(0px,-5px) rotate(-1.5deg)}
52%{transform:translate(6px,1px) rotate(-2.5deg)}
54%{transform:translate(9px,6px) rotate(2.5deg)}
56%{transform:translate(-8px,-10px) rotate(-0.5deg)}
58%{transform:translate(6px,-2px) rotate(-1.5deg)}
60%{transform:translate(-4px,-8px) rotate(-1.5deg)}
62%{transform:translate(0px,-9px) rotate(0.5deg)}
64%{transform:translate(-7px,-6px) rotate(2.5deg)}
66%{transform:translate(8px,6px) rotate(2.5deg)}
68%{transform:translate(-10px,-7px) rotate(-2.5deg)}
70%{transform:translate(-1px,9px) rotate(-2.5deg)}
72%{transform:translate(-6px,8px) rotate(-2.5deg)}
74%{transform:translate(2px,5px) rotate(-1.5deg)}
76%{transform:translate(-7px,6px) rotate(1.5deg)}
78%{transform:translate(3px,-9px) rotate(0.5deg)}
80%{transform:translate(-4px,-9px) rotate(-1.5deg)}
82%{transform:translate(0px,7px) rotate(0.5deg)}
84%{transform:translate(-4px,-3px) rotate(-1.5deg)}
86%{transform:translate(-10px,8px) rotate(-0.5deg)}
88%{transform:translate(-9px,1px) rotate(-0.5deg)}
90%{transform:translate(-3px,6px) rotate(1.5deg)}
92%{transform:translate(-8px,-10px) rotate(-3.5deg)}
94%{transform:translate(-8px,-7px) rotate(2.5deg)}
96%{transform:translate(-2px,1px) rotate(2.5deg)}
98%{transform:translate(-3px,4px) rotate(-2.5deg)}
}
@-webkit-keyframes shake-horizontal{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}
2%{-webkit-transform:translate(-8px,0px) rotate(0deg)}
4%{-webkit-transform:translate(3px,0px) rotate(0deg)}
6%{-webkit-transform:translate(7px,0px) rotate(0deg)}
8%{-webkit-transform:translate(1px,0px) rotate(0deg)}
10%{-webkit-transform:translate(4px,0px) rotate(0deg)}
12%{-webkit-transform:translate(3px,0px) rotate(0deg)}
14%{-webkit-transform:translate(7px,0px) rotate(0deg)}
16%{-webkit-transform:translate(-3px,0px) rotate(0deg)}
18%{-webkit-transform:translate(-5px,0px) rotate(0deg)}
20%{-webkit-transform:translate(-10px,0px) rotate(0deg)}
22%{-webkit-transform:translate(8px,0px) rotate(0deg)}
24%{-webkit-transform:translate(2px,0px) rotate(0deg)}
26%{-webkit-transform:translate(2px,0px) rotate(0deg)}
28%{-webkit-transform:translate(3px,0px) rotate(0deg)}
30%{-webkit-transform:translate(7px,0px) rotate(0deg)}
32%{-webkit-transform:translate(-8px,0px) rotate(0deg)}
34%{-webkit-transform:translate(-10px,0px) rotate(0deg)}
36%{-webkit-transform:translate(8px,0px) rotate(0deg)}
38%{-webkit-transform:translate(-5px,0px) rotate(0deg)}
40%{-webkit-transform:translate(-1px,0px) rotate(0deg)}
42%{-webkit-transform:translate(6px,0px) rotate(0deg)}
44%{-webkit-transform:translate(-3px,0px) rotate(0deg)}
46%{-webkit-transform:translate(-1px,0px) rotate(0deg)}
48%{-webkit-transform:translate(9px,0px) rotate(0deg)}
50%{-webkit-transform:translate(-3px,0px) rotate(0deg)}
52%{-webkit-transform:translate(8px,0px) rotate(0deg)}
54%{-webkit-transform:translate(4px,0px) rotate(0deg)}
56%{-webkit-transform:translate(4px,0px) rotate(0deg)}
58%{-webkit-transform:translate(2px,0px) rotate(0deg)}
60%{-webkit-transform:translate(2px,0px) rotate(0deg)}
62%{-webkit-transform:translate(-9px,0px) rotate(0deg)}
64%{-webkit-transform:translate(-6px,0px) rotate(0deg)}
66%{-webkit-transform:translate(-10px,0px) rotate(0deg)}
68%{-webkit-transform:translate(6px,0px) rotate(0deg)}
70%{-webkit-transform:translate(7px,0px) rotate(0deg)}
72%{-webkit-transform:translate(-1px,0px) rotate(0deg)}
74%{-webkit-transform:translate(-1px,0px) rotate(0deg)}
76%{-webkit-transform:translate(4px,0px) rotate(0deg)}
78%{-webkit-transform:translate(1px,0px) rotate(0deg)}
80%{-webkit-transform:translate(-6px,0px) rotate(0deg)}
82%{-webkit-transform:translate(-3px,0px) rotate(0deg)}
84%{-webkit-transform:translate(-8px,0px) rotate(0deg)}
86%{-webkit-transform:translate(5px,0px) rotate(0deg)}
88%{-webkit-transform:translate(-3px,0px) rotate(0deg)}
90%{-webkit-transform:translate(-7px,0px) rotate(0deg)}
92%{-webkit-transform:translate(-4px,0px) rotate(0deg)}
94%{-webkit-transform:translate(2px,0px) rotate(0deg)}
96%{-webkit-transform:translate(-9px,0px) rotate(0deg)}
98%{-webkit-transform:translate(3px,0px) rotate(0deg)}
}
@-ms-keyframes shake-horizontal{0%{-ms-transform:translate(0px,0px) rotate(0deg)}
2%{-ms-transform:translate(-9px,0px) rotate(0deg)}
4%{-ms-transform:translate(3px,0px) rotate(0deg)}
6%{-ms-transform:translate(-10px,0px) rotate(0deg)}
8%{-ms-transform:translate(2px,0px) rotate(0deg)}
10%{-ms-transform:translate(5px,0px) rotate(0deg)}
12%{-ms-transform:translate(-9px,0px) rotate(0deg)}
14%{-ms-transform:translate(-8px,0px) rotate(0deg)}
16%{-ms-transform:translate(6px,0px) rotate(0deg)}
18%{-ms-transform:translate(1px,0px) rotate(0deg)}
20%{-ms-transform:translate(7px,0px) rotate(0deg)}
22%{-ms-transform:translate(4px,0px) rotate(0deg)}
24%{-ms-transform:translate(9px,0px) rotate(0deg)}
26%{-ms-transform:translate(2px,0px) rotate(0deg)}
28%{-ms-transform:translate(4px,0px) rotate(0deg)}
30%{-ms-transform:translate(-9px,0px) rotate(0deg)}
32%{-ms-transform:translate(9px,0px) rotate(0deg)}
34%{-ms-transform:translate(-4px,0px) rotate(0deg)}
36%{-ms-transform:translate(-6px,0px) rotate(0deg)}
38%{-ms-transform:translate(-3px,0px) rotate(0deg)}
40%{-ms-transform:translate(-8px,0px) rotate(0deg)}
42%{-ms-transform:translate(-8px,0px) rotate(0deg)}
44%{-ms-transform:translate(-2px,0px) rotate(0deg)}
46%{-ms-transform:translate(-7px,0px) rotate(0deg)}
48%{-ms-transform:translate(-1px,0px) rotate(0deg)}
50%{-ms-transform:translate(-8px,0px) rotate(0deg)}
52%{-ms-transform:translate(0px,0px) rotate(0deg)}
54%{-ms-transform:translate(6px,0px) rotate(0deg)}
56%{-ms-transform:translate(1px,0px) rotate(0deg)}
58%{-ms-transform:translate(-5px,0px) rotate(0deg)}
60%{-ms-transform:translate(9px,0px) rotate(0deg)}
62%{-ms-transform:translate(-3px,0px) rotate(0deg)}
64%{-ms-transform:translate(-5px,0px) rotate(0deg)}
66%{-ms-transform:translate(-6px,0px) rotate(0deg)}
68%{-ms-transform:translate(5px,0px) rotate(0deg)}
70%{-ms-transform:translate(-3px,0px) rotate(0deg)}
72%{-ms-transform:translate(-1px,0px) rotate(0deg)}
74%{-ms-transform:translate(-6px,0px) rotate(0deg)}
76%{-ms-transform:translate(-2px,0px) rotate(0deg)}
78%{-ms-transform:translate(1px,0px) rotate(0deg)}
80%{-ms-transform:translate(4px,0px) rotate(0deg)}
82%{-ms-transform:translate(7px,0px) rotate(0deg)}
84%{-ms-transform:translate(-7px,0px) rotate(0deg)}
86%{-ms-transform:translate(-4px,0px) rotate(0deg)}
88%{-ms-transform:translate(9px,0px) rotate(0deg)}
90%{-ms-transform:translate(-6px,0px) rotate(0deg)}
92%{-ms-transform:translate(-3px,0px) rotate(0deg)}
94%{-ms-transform:translate(-8px,0px) rotate(0deg)}
96%{-ms-transform:translate(4px,0px) rotate(0deg)}
98%{-ms-transform:translate(6px,0px) rotate(0deg)}
}
@keyframes shake-horizontal{0%{transform:translate(0px,0px) rotate(0deg)}
2%{transform:translate(-7px,0px) rotate(0deg)}
4%{transform:translate(7px,0px) rotate(0deg)}
6%{transform:translate(5px,0px) rotate(0deg)}
8%{transform:translate(9px,0px) rotate(0deg)}
10%{transform:translate(9px,0px) rotate(0deg)}
12%{transform:translate(3px,0px) rotate(0deg)}
14%{transform:translate(9px,0px) rotate(0deg)}
16%{transform:translate(-6px,0px) rotate(0deg)}
18%{transform:translate(8px,0px) rotate(0deg)}
20%{transform:translate(-2px,0px) rotate(0deg)}
22%{transform:translate(-1px,0px) rotate(0deg)}
24%{transform:translate(0px,0px) rotate(0deg)}
26%{transform:translate(-6px,0px) rotate(0deg)}
28%{transform:translate(-5px,0px) rotate(0deg)}
30%{transform:translate(-4px,0px) rotate(0deg)}
32%{transform:translate(-10px,0px) rotate(0deg)}
34%{transform:translate(9px,0px) rotate(0deg)}
36%{transform:translate(4px,0px) rotate(0deg)}
38%{transform:translate(-1px,0px) rotate(0deg)}
40%{transform:translate(2px,0px) rotate(0deg)}
42%{transform:translate(2px,0px) rotate(0deg)}
44%{transform:translate(-4px,0px) rotate(0deg)}
46%{transform:translate(8px,0px) rotate(0deg)}
48%{transform:translate(-6px,0px) rotate(0deg)}
50%{transform:translate(4px,0px) rotate(0deg)}
52%{transform:translate(-5px,0px) rotate(0deg)}
54%{transform:translate(6px,0px) rotate(0deg)}
56%{transform:translate(-5px,0px) rotate(0deg)}
58%{transform:translate(0px,0px) rotate(0deg)}
60%{transform:translate(3px,0px) rotate(0deg)}
62%{transform:translate(5px,0px) rotate(0deg)}
64%{transform:translate(-4px,0px) rotate(0deg)}
66%{transform:translate(-8px,0px) rotate(0deg)}
68%{transform:translate(4px,0px) rotate(0deg)}
70%{transform:translate(-5px,0px) rotate(0deg)}
72%{transform:translate(7px,0px) rotate(0deg)}
74%{transform:translate(-5px,0px) rotate(0deg)}
76%{transform:translate(1px,0px) rotate(0deg)}
78%{transform:translate(8px,0px) rotate(0deg)}
80%{transform:translate(8px,0px) rotate(0deg)}
82%{transform:translate(7px,0px) rotate(0deg)}
84%{transform:translate(-10px,0px) rotate(0deg)}
86%{transform:translate(9px,0px) rotate(0deg)}
88%{transform:translate(-1px,0px) rotate(0deg)}
90%{transform:translate(0px,0px) rotate(0deg)}
92%{transform:translate(-2px,0px) rotate(0deg)}
94%{transform:translate(5px,0px) rotate(0deg)}
96%{transform:translate(5px,0px) rotate(0deg)}
98%{transform:translate(-8px,0px) rotate(0deg)}
}
@-webkit-keyframes shake-vertical{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}
2%{-webkit-transform:translate(0px,0px) rotate(0deg)}
4%{-webkit-transform:translate(0px,-6px) rotate(0deg)}
6%{-webkit-transform:translate(0px,-7px) rotate(0deg)}
8%{-webkit-transform:translate(0px,-5px) rotate(0deg)}
10%{-webkit-transform:translate(0px,1px) rotate(0deg)}
12%{-webkit-transform:translate(0px,-1px) rotate(0deg)}
14%{-webkit-transform:translate(0px,-9px) rotate(0deg)}
16%{-webkit-transform:translate(0px,-10px) rotate(0deg)}
18%{-webkit-transform:translate(0px,-9px) rotate(0deg)}
20%{-webkit-transform:translate(0px,3px) rotate(0deg)}
22%{-webkit-transform:translate(0px,-7px) rotate(0deg)}
24%{-webkit-transform:translate(0px,2px) rotate(0deg)}
26%{-webkit-transform:translate(0px,9px) rotate(0deg)}
28%{-webkit-transform:translate(0px,8px) rotate(0deg)}
30%{-webkit-transform:translate(0px,8px) rotate(0deg)}
32%{-webkit-transform:translate(0px,4px) rotate(0deg)}
34%{-webkit-transform:translate(0px,-1px) rotate(0deg)}
36%{-webkit-transform:translate(0px,7px) rotate(0deg)}
38%{-webkit-transform:translate(0px,5px) rotate(0deg)}
40%{-webkit-transform:translate(0px,-5px) rotate(0deg)}
42%{-webkit-transform:translate(0px,5px) rotate(0deg)}
44%{-webkit-transform:translate(0px,4px) rotate(0deg)}
46%{-webkit-transform:translate(0px,3px) rotate(0deg)}
48%{-webkit-transform:translate(0px,6px) rotate(0deg)}
50%{-webkit-transform:translate(0px,-6px) rotate(0deg)}
52%{-webkit-transform:translate(0px,-3px) rotate(0deg)}
54%{-webkit-transform:translate(0px,-4px) rotate(0deg)}
56%{-webkit-transform:translate(0px,-5px) rotate(0deg)}
58%{-webkit-transform:translate(0px,2px) rotate(0deg)}
60%{-webkit-transform:translate(0px,-2px) rotate(0deg)}
62%{-webkit-transform:translate(0px,2px) rotate(0deg)}
64%{-webkit-transform:translate(0px,-7px) rotate(0deg)}
66%{-webkit-transform:translate(0px,0px) rotate(0deg)}
68%{-webkit-transform:translate(0px,0px) rotate(0deg)}
70%{-webkit-transform:translate(0px,-1px) rotate(0deg)}
72%{-webkit-transform:translate(0px,2px) rotate(0deg)}
74%{-webkit-transform:translate(0px,3px) rotate(0deg)}
76%{-webkit-transform:translate(0px,3px) rotate(0deg)}
78%{-webkit-transform:translate(0px,-10px) rotate(0deg)}
80%{-webkit-transform:translate(0px,-5px) rotate(0deg)}
82%{-webkit-transform:translate(0px,9px) rotate(0deg)}
84%{-webkit-transform:translate(0px,9px) rotate(0deg)}
86%{-webkit-transform:translate(0px,1px) rotate(0deg)}
88%{-webkit-transform:translate(0px,6px) rotate(0deg)}
90%{-webkit-transform:translate(0px,-2px) rotate(0deg)}
92%{-webkit-transform:translate(0px,4px) rotate(0deg)}
94%{-webkit-transform:translate(0px,-4px) rotate(0deg)}
96%{-webkit-transform:translate(0px,-1px) rotate(0deg)}
98%{-webkit-transform:translate(0px,-8px) rotate(0deg)}
}
@-ms-keyframes shake-vertical{0%{-ms-transform:translate(0px,0px) rotate(0deg)}
2%{-ms-transform:translate(0px,-5px) rotate(0deg)}
4%{-ms-transform:translate(0px,-1px) rotate(0deg)}
6%{-ms-transform:translate(0px,-8px) rotate(0deg)}
8%{-ms-transform:translate(0px,5px) rotate(0deg)}
10%{-ms-transform:translate(0px,9px) rotate(0deg)}
12%{-ms-transform:translate(0px,-3px) rotate(0deg)}
14%{-ms-transform:translate(0px,-7px) rotate(0deg)}
16%{-ms-transform:translate(0px,0px) rotate(0deg)}
18%{-ms-transform:translate(0px,-7px) rotate(0deg)}
20%{-ms-transform:translate(0px,-6px) rotate(0deg)}
22%{-ms-transform:translate(0px,-7px) rotate(0deg)}
24%{-ms-transform:translate(0px,2px) rotate(0deg)}
26%{-ms-transform:translate(0px,5px) rotate(0deg)}
28%{-ms-transform:translate(0px,-3px) rotate(0deg)}
30%{-ms-transform:translate(0px,-5px) rotate(0deg)}
32%{-ms-transform:translate(0px,6px) rotate(0deg)}
34%{-ms-transform:translate(0px,-1px) rotate(0deg)}
36%{-ms-transform:translate(0px,0px) rotate(0deg)}
38%{-ms-transform:translate(0px,4px) rotate(0deg)}
40%{-ms-transform:translate(0px,6px) rotate(0deg)}
42%{-ms-transform:translate(0px,-8px) rotate(0deg)}
44%{-ms-transform:translate(0px,-6px) rotate(0deg)}
46%{-ms-transform:translate(0px,-9px) rotate(0deg)}
48%{-ms-transform:translate(0px,-3px) rotate(0deg)}
50%{-ms-transform:translate(0px,-3px) rotate(0deg)}
52%{-ms-transform:translate(0px,-2px) rotate(0deg)}
54%{-ms-transform:translate(0px,-3px) rotate(0deg)}
56%{-ms-transform:translate(0px,0px) rotate(0deg)}
58%{-ms-transform:translate(0px,8px) rotate(0deg)}
60%{-ms-transform:translate(0px,9px) rotate(0deg)}
62%{-ms-transform:translate(0px,7px) rotate(0deg)}
64%{-ms-transform:translate(0px,1px) rotate(0deg)}
66%{-ms-transform:translate(0px,-5px) rotate(0deg)}
68%{-ms-transform:translate(0px,0px) rotate(0deg)}
70%{-ms-transform:translate(0px,9px) rotate(0deg)}
72%{-ms-transform:translate(0px,4px) rotate(0deg)}
74%{-ms-transform:translate(0px,-4px) rotate(0deg)}
76%{-ms-transform:translate(0px,5px) rotate(0deg)}
78%{-ms-transform:translate(0px,-5px) rotate(0deg)}
80%{-ms-transform:translate(0px,-2px) rotate(0deg)}
82%{-ms-transform:translate(0px,-8px) rotate(0deg)}
84%{-ms-transform:translate(0px,-5px) rotate(0deg)}
86%{-ms-transform:translate(0px,-9px) rotate(0deg)}
88%{-ms-transform:translate(0px,-8px) rotate(0deg)}
90%{-ms-transform:translate(0px,7px) rotate(0deg)}
92%{-ms-transform:translate(0px,5px) rotate(0deg)}
94%{-ms-transform:translate(0px,-6px) rotate(0deg)}
96%{-ms-transform:translate(0px,-2px) rotate(0deg)}
98%{-ms-transform:translate(0px,-1px) rotate(0deg)}
}
@keyframes shake-vertical{0%{transform:translate(0px,0px) rotate(0deg)}
2%{transform:translate(0px,-2px) rotate(0deg)}
4%{transform:translate(0px,-3px) rotate(0deg)}
6%{transform:translate(0px,9px) rotate(0deg)}
8%{transform:translate(0px,7px) rotate(0deg)}
10%{transform:translate(0px,-6px) rotate(0deg)}
12%{transform:translate(0px,6px) rotate(0deg)}
14%{transform:translate(0px,-3px) rotate(0deg)}
16%{transform:translate(0px,6px) rotate(0deg)}
18%{transform:translate(0px,8px) rotate(0deg)}
20%{transform:translate(0px,9px) rotate(0deg)}
22%{transform:translate(0px,-4px) rotate(0deg)}
24%{transform:translate(0px,-7px) rotate(0deg)}
26%{transform:translate(0px,-9px) rotate(0deg)}
28%{transform:translate(0px,7px) rotate(0deg)}
30%{transform:translate(0px,7px) rotate(0deg)}
32%{transform:translate(0px,6px) rotate(0deg)}
34%{transform:translate(0px,4px) rotate(0deg)}
36%{transform:translate(0px,0px) rotate(0deg)}
38%{transform:translate(0px,4px) rotate(0deg)}
40%{transform:translate(0px,7px) rotate(0deg)}
42%{transform:translate(0px,-5px) rotate(0deg)}
44%{transform:translate(0px,0px) rotate(0deg)}
46%{transform:translate(0px,-2px) rotate(0deg)}
48%{transform:translate(0px,-5px) rotate(0deg)}
50%{transform:translate(0px,-4px) rotate(0deg)}
52%{transform:translate(0px,1px) rotate(0deg)}
54%{transform:translate(0px,-1px) rotate(0deg)}
56%{transform:translate(0px,-2px) rotate(0deg)}
58%{transform:translate(0px,5px) rotate(0deg)}
60%{transform:translate(0px,6px) rotate(0deg)}
62%{transform:translate(0px,-3px) rotate(0deg)}
64%{transform:translate(0px,-3px) rotate(0deg)}
66%{transform:translate(0px,-9px) rotate(0deg)}
68%{transform:translate(0px,-8px) rotate(0deg)}
70%{transform:translate(0px,-7px) rotate(0deg)}
72%{transform:translate(0px,5px) rotate(0deg)}
74%{transform:translate(0px,5px) rotate(0deg)}
76%{transform:translate(0px,-6px) rotate(0deg)}
78%{transform:translate(0px,8px) rotate(0deg)}
80%{transform:translate(0px,2px) rotate(0deg)}
82%{transform:translate(0px,-8px) rotate(0deg)}
84%{transform:translate(0px,-6px) rotate(0deg)}
86%{transform:translate(0px,5px) rotate(0deg)}
88%{transform:translate(0px,-9px) rotate(0deg)}
90%{transform:translate(0px,1px) rotate(0deg)}
92%{transform:translate(0px,-9px) rotate(0deg)}
94%{transform:translate(0px,-8px) rotate(0deg)}
96%{transform:translate(0px,-3px) rotate(0deg)}
98%{transform:translate(0px,1px) rotate(0deg)}
}
@-webkit-keyframes shake-rotate{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}
2%{-webkit-transform:translate(0px,0px) rotate(-5.5deg)}
4%{-webkit-transform:translate(0px,0px) rotate(1.5deg)}
6%{-webkit-transform:translate(0px,0px) rotate(-7.5deg)}
8%{-webkit-transform:translate(0px,0px) rotate(-7.5deg)}
10%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
12%{-webkit-transform:translate(0px,0px) rotate(-5.5deg)}
14%{-webkit-transform:translate(0px,0px) rotate(-4.5deg)}
16%{-webkit-transform:translate(0px,0px) rotate(0.5deg)}
18%{-webkit-transform:translate(0px,0px) rotate(3.5deg)}
20%{-webkit-transform:translate(0px,0px) rotate(-6.5deg)}
22%{-webkit-transform:translate(0px,0px) rotate(-5.5deg)}
24%{-webkit-transform:translate(0px,0px) rotate(3.5deg)}
26%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
28%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
30%{-webkit-transform:translate(0px,0px) rotate(5.5deg)}
32%{-webkit-transform:translate(0px,0px) rotate(3.5deg)}
34%{-webkit-transform:translate(0px,0px) rotate(-5.5deg)}
36%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
38%{-webkit-transform:translate(0px,0px) rotate(-1.5deg)}
40%{-webkit-transform:translate(0px,0px) rotate(4.5deg)}
42%{-webkit-transform:translate(0px,0px) rotate(6.5deg)}
44%{-webkit-transform:translate(0px,0px) rotate(0.5deg)}
46%{-webkit-transform:translate(0px,0px) rotate(4.5deg)}
48%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
50%{-webkit-transform:translate(0px,0px) rotate(0.5deg)}
52%{-webkit-transform:translate(0px,0px) rotate(-7.5deg)}
54%{-webkit-transform:translate(0px,0px) rotate(-1.5deg)}
56%{-webkit-transform:translate(0px,0px) rotate(0.5deg)}
58%{-webkit-transform:translate(0px,0px) rotate(6.5deg)}
60%{-webkit-transform:translate(0px,0px) rotate(-3.5deg)}
62%{-webkit-transform:translate(0px,0px) rotate(-6.5deg)}
64%{-webkit-transform:translate(0px,0px) rotate(1.5deg)}
66%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
68%{-webkit-transform:translate(0px,0px) rotate(2.5deg)}
70%{-webkit-transform:translate(0px,0px) rotate(-4.5deg)}
72%{-webkit-transform:translate(0px,0px) rotate(-1.5deg)}
74%{-webkit-transform:translate(0px,0px) rotate(-6.5deg)}
76%{-webkit-transform:translate(0px,0px) rotate(3.5deg)}
78%{-webkit-transform:translate(0px,0px) rotate(-5.5deg)}
80%{-webkit-transform:translate(0px,0px) rotate(1.5deg)}
82%{-webkit-transform:translate(0px,0px) rotate(4.5deg)}
84%{-webkit-transform:translate(0px,0px) rotate(-1.5deg)}
86%{-webkit-transform:translate(0px,0px) rotate(-2.5deg)}
88%{-webkit-transform:translate(0px,0px) rotate(-3.5deg)}
90%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
92%{-webkit-transform:translate(0px,0px) rotate(-0.5deg)}
94%{-webkit-transform:translate(0px,0px) rotate(-6.5deg)}
96%{-webkit-transform:translate(0px,0px) rotate(-7.5deg)}
98%{-webkit-transform:translate(0px,0px) rotate(6.5deg)}
}
@-ms-keyframes shake-rotate{0%{-ms-transform:translate(0px,0px) rotate(0deg)}
2%{-ms-transform:translate(0px,0px) rotate(0.5deg)}
4%{-ms-transform:translate(0px,0px) rotate(5.5deg)}
6%{-ms-transform:translate(0px,0px) rotate(-3.5deg)}
8%{-ms-transform:translate(0px,0px) rotate(-2.5deg)}
10%{-ms-transform:translate(0px,0px) rotate(-6.5deg)}
12%{-ms-transform:translate(0px,0px) rotate(6.5deg)}
14%{-ms-transform:translate(0px,0px) rotate(5.5deg)}
16%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
18%{-ms-transform:translate(0px,0px) rotate(-6.5deg)}
20%{-ms-transform:translate(0px,0px) rotate(6.5deg)}
22%{-ms-transform:translate(0px,0px) rotate(3.5deg)}
24%{-ms-transform:translate(0px,0px) rotate(-4.5deg)}
26%{-ms-transform:translate(0px,0px) rotate(4.5deg)}
28%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
30%{-ms-transform:translate(0px,0px) rotate(-5.5deg)}
32%{-ms-transform:translate(0px,0px) rotate(-6.5deg)}
34%{-ms-transform:translate(0px,0px) rotate(1.5deg)}
36%{-ms-transform:translate(0px,0px) rotate(-3.5deg)}
38%{-ms-transform:translate(0px,0px) rotate(0.5deg)}
40%{-ms-transform:translate(0px,0px) rotate(-3.5deg)}
42%{-ms-transform:translate(0px,0px) rotate(-5.5deg)}
44%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
46%{-ms-transform:translate(0px,0px) rotate(-7.5deg)}
48%{-ms-transform:translate(0px,0px) rotate(1.5deg)}
50%{-ms-transform:translate(0px,0px) rotate(0.5deg)}
52%{-ms-transform:translate(0px,0px) rotate(-4.5deg)}
54%{-ms-transform:translate(0px,0px) rotate(0.5deg)}
56%{-ms-transform:translate(0px,0px) rotate(-4.5deg)}
58%{-ms-transform:translate(0px,0px) rotate(2.5deg)}
60%{-ms-transform:translate(0px,0px) rotate(-2.5deg)}
62%{-ms-transform:translate(0px,0px) rotate(4.5deg)}
64%{-ms-transform:translate(0px,0px) rotate(-1.5deg)}
66%{-ms-transform:translate(0px,0px) rotate(-5.5deg)}
68%{-ms-transform:translate(0px,0px) rotate(0.5deg)}
70%{-ms-transform:translate(0px,0px) rotate(-3.5deg)}
72%{-ms-transform:translate(0px,0px) rotate(-2.5deg)}
74%{-ms-transform:translate(0px,0px) rotate(-1.5deg)}
76%{-ms-transform:translate(0px,0px) rotate(-1.5deg)}
78%{-ms-transform:translate(0px,0px) rotate(6.5deg)}
80%{-ms-transform:translate(0px,0px) rotate(3.5deg)}
82%{-ms-transform:translate(0px,0px) rotate(1.5deg)}
84%{-ms-transform:translate(0px,0px) rotate(-0.5deg)}
86%{-ms-transform:translate(0px,0px) rotate(2.5deg)}
88%{-ms-transform:translate(0px,0px) rotate(-6.5deg)}
90%{-ms-transform:translate(0px,0px) rotate(2.5deg)}
92%{-ms-transform:translate(0px,0px) rotate(6.5deg)}
94%{-ms-transform:translate(0px,0px) rotate(-7.5deg)}
96%{-ms-transform:translate(0px,0px) rotate(6.5deg)}
98%{-ms-transform:translate(0px,0px) rotate(-4.5deg)}
}
@keyframes shake-rotate{0%{transform:translate(0px,0px) rotate(0deg)}
2%{transform:translate(0px,0px) rotate(2.5deg)}
4%{transform:translate(0px,0px) rotate(-4.5deg)}
6%{transform:translate(0px,0px) rotate(2.5deg)}
8%{transform:translate(0px,0px) rotate(4.5deg)}
10%{transform:translate(0px,0px) rotate(-5.5deg)}
12%{transform:translate(0px,0px) rotate(-3.5deg)}
14%{transform:translate(0px,0px) rotate(-1.5deg)}
16%{transform:translate(0px,0px) rotate(-1.5deg)}
18%{transform:translate(0px,0px) rotate(2.5deg)}
20%{transform:translate(0px,0px) rotate(-0.5deg)}
22%{transform:translate(0px,0px) rotate(6.5deg)}
24%{transform:translate(0px,0px) rotate(0.5deg)}
26%{transform:translate(0px,0px) rotate(-5.5deg)}
28%{transform:translate(0px,0px) rotate(-4.5deg)}
30%{transform:translate(0px,0px) rotate(-1.5deg)}
32%{transform:translate(0px,0px) rotate(2.5deg)}
34%{transform:translate(0px,0px) rotate(0.5deg)}
36%{transform:translate(0px,0px) rotate(6.5deg)}
38%{transform:translate(0px,0px) rotate(-6.5deg)}
40%{transform:translate(0px,0px) rotate(3.5deg)}
42%{transform:translate(0px,0px) rotate(-4.5deg)}
44%{transform:translate(0px,0px) rotate(5.5deg)}
46%{transform:translate(0px,0px) rotate(2.5deg)}
48%{transform:translate(0px,0px) rotate(2.5deg)}
50%{transform:translate(0px,0px) rotate(5.5deg)}
52%{transform:translate(0px,0px) rotate(-1.5deg)}
54%{transform:translate(0px,0px) rotate(5.5deg)}
56%{transform:translate(0px,0px) rotate(-7.5deg)}
58%{transform:translate(0px,0px) rotate(2.5deg)}
60%{transform:translate(0px,0px) rotate(6.5deg)}
62%{transform:translate(0px,0px) rotate(1.5deg)}
64%{transform:translate(0px,0px) rotate(-7.5deg)}
66%{transform:translate(0px,0px) rotate(-2.5deg)}
68%{transform:translate(0px,0px) rotate(3.5deg)}
70%{transform:translate(0px,0px) rotate(-4.5deg)}
72%{transform:translate(0px,0px) rotate(2.5deg)}
74%{transform:translate(0px,0px) rotate(2.5deg)}
76%{transform:translate(0px,0px) rotate(-2.5deg)}
78%{transform:translate(0px,0px) rotate(-0.5deg)}
80%{transform:translate(0px,0px) rotate(-3.5deg)}
82%{transform:translate(0px,0px) rotate(5.5deg)}
84%{transform:translate(0px,0px) rotate(-1.5deg)}
86%{transform:translate(0px,0px) rotate(-1.5deg)}
88%{transform:translate(0px,0px) rotate(4.5deg)}
90%{transform:translate(0px,0px) rotate(5.5deg)}
92%{transform:translate(0px,0px) rotate(4.5deg)}
94%{transform:translate(0px,0px) rotate(-1.5deg)}
96%{transform:translate(0px,0px) rotate(3.5deg)}
98%{transform:translate(0px,0px) rotate(-7.5deg)}
}
@-webkit-keyframes shake-opacity{0%{-webkit-transform:translate(0px,0px) rotate(0deg);opacity:0.7}
10%{-webkit-transform:translate(-4px,1px) rotate(-1.5deg);opacity:0.1}
20%{-webkit-transform:translate(-4px,-4px) rotate(-2.5deg);opacity:0.4}
30%{-webkit-transform:translate(-3px,-5px) rotate(-1.5deg);opacity:0}
40%{-webkit-transform:translate(0px,0px) rotate(0.5deg);opacity:0.6}
50%{-webkit-transform:translate(0px,0px) rotate(-2.5deg);opacity:0.8}
60%{-webkit-transform:translate(-5px,-2px) rotate(1.5deg);opacity:0.4}
70%{-webkit-transform:translate(-1px,3px) rotate(-0.5deg);opacity:0.1}
80%{-webkit-transform:translate(-2px,-2px) rotate(1.5deg);opacity:0.2}
90%{-webkit-transform:translate(-3px,-3px) rotate(1.5deg);opacity:0.3}
}
@-ms-keyframes shake-opacity{0%{-ms-transform:translate(0px,0px) rotate(0deg);opacity:0.9}
10%{-ms-transform:translate(0px,-4px) rotate(-1.5deg);opacity:0.9}
20%{-ms-transform:translate(-2px,0px) rotate(0.5deg);opacity:0}
30%{-ms-transform:translate(-1px,1px) rotate(-2.5deg);opacity:0.8}
40%{-ms-transform:translate(-2px,4px) rotate(-1.5deg);opacity:0.9}
50%{-ms-transform:translate(-4px,2px) rotate(-2.5deg);opacity:0.1}
60%{-ms-transform:translate(3px,0px) rotate(0.5deg);opacity:0}
70%{-ms-transform:translate(-4px,-5px) rotate(-0.5deg);opacity:0}
80%{-ms-transform:translate(4px,-1px) rotate(1.5deg);opacity:0.7}
90%{-ms-transform:translate(4px,0px) rotate(1.5deg);opacity:0.9}
}
@keyframes shake-opacity{0%{transform:translate(0px,0px) rotate(0deg);opacity:0.6}
10%{transform:translate(-2px,-1px) rotate(-0.5deg);opacity:0.5}
20%{transform:translate(-4px,4px) rotate(1.5deg);opacity:0.4}
30%{transform:translate(-4px,-1px) rotate(-1.5deg);opacity:0.8}
40%{transform:translate(-2px,-1px) rotate(-2.5deg);opacity:0.3}
50%{transform:translate(-4px,1px) rotate(-2.5deg);opacity:0.5}
60%{transform:translate(-2px,4px) rotate(0.5deg);opacity:0.1}
70%{transform:translate(-3px,1px) rotate(-0.5deg);opacity:0.4}
80%{transform:translate(0px,0px) rotate(-0.5deg);opacity:0.5}
90%{transform:translate(2px,-1px) rotate(-2.5deg);opacity:0.8}
}
@-webkit-keyframes shake-crazy{0%{-webkit-transform:translate(0px,0px) rotate(0deg);opacity:0.6}
10%{-webkit-transform:translate(14px,19px) rotate(-1deg);opacity:0.8}
20%{-webkit-transform:translate(14px,11px) rotate(5deg);opacity:0.7}
30%{-webkit-transform:translate(9px,-6px) rotate(-9deg);opacity:0.9}
40%{-webkit-transform:translate(0px,-19px) rotate(-6deg);opacity:0.6}
50%{-webkit-transform:translate(16px,19px) rotate(9deg);opacity:0.7}
60%{-webkit-transform:translate(-11px,-10px) rotate(4deg);opacity:0.4}
70%{-webkit-transform:translate(-1px,13px) rotate(-9deg);opacity:0.2}
80%{-webkit-transform:translate(-9px,-16px) rotate(0deg);opacity:0.1}
90%{-webkit-transform:translate(3px,2px) rotate(-2deg);opacity:0.7}
}
@-ms-keyframes shake-crazy{0%{-ms-transform:translate(0px,0px) rotate(0deg);opacity:0.8}
10%{-ms-transform:translate(18px,-4px) rotate(9deg);opacity:0.2}
20%{-ms-transform:translate(6px,1px) rotate(8deg);opacity:0.8}
30%{-ms-transform:translate(-4px,9px) rotate(8deg);opacity:0.2}
40%{-ms-transform:translate(-13px,1px) rotate(7deg);opacity:0.5}
50%{-ms-transform:translate(-19px,16px) rotate(-5deg);opacity:0.3}
60%{-ms-transform:translate(9px,16px) rotate(7deg);opacity:0.3}
70%{-ms-transform:translate(-8px,-6px) rotate(-6deg);opacity:0.8}
80%{-ms-transform:translate(12px,14px) rotate(-4deg);opacity:0.2}
90%{-ms-transform:translate(-12px,12px) rotate(-8deg);opacity:0.2}
}
@keyframes shake-crazy{0%{transform:translate(0px,0px) rotate(0deg);opacity:0.4}
10%{transform:translate(3px,10px) rotate(-1deg);opacity:0.8}
20%{transform:translate(5px,14px) rotate(-3deg);opacity:0.5}
30%{transform:translate(14px,3px) rotate(4deg);opacity:0.6}
40%{transform:translate(-17px,0px) rotate(9deg);opacity:0.7}
50%{transform:translate(1px,17px) rotate(-4deg);opacity:0.7}
60%{transform:translate(9px,-4px) rotate(-10deg);opacity:0.2}
70%{transform:translate(13px,7px) rotate(7deg);opacity:0.4}
80%{transform:translate(10px,12px) rotate(9deg);opacity:0.1}
90%{transform:translate(0px,3px) rotate(5deg);opacity:0.6}
}
分享到QQ
分享到微博
微信扫一扫
