以下是 jQuery+CSS3跳动数字时间动画特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery+CSS3跳动数字时间动画</title>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
<link rel='stylesheet prefetch' href="css/csshake.min.css">
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:#d96457;}
/* clock */
.clock{width:360px;height:120px;margin:140px auto 0 auto;transform:translate(-50%, -50%);color:#d96457;font-family:"Lato", sans-serif;}
.clock div{position:relative;float:left;background:#ffe8e8;border-radius:6px;width:96px;height:80px;line-height:80px;text-align:center;font-size:60px;margin:0px 5px;}
</style>
</head>
<body>
<div class='clock'>
<div class='h shake shake-slow'></div>
<div class='m shake shake-slow'></div>
<div class='s shake shake-slow'></div>
</div>
<script src="js/jquery-1.7.2.js"></script>
<script src="js/index.js"></script>
</body>
</html>
JS代码(index.js):
setInterval(function(){
clock();
}
,1000);
function clock(){
var time = new Date();
var hours = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
if ($('.h').text() != ((hours < 10 ? "0":"") + hours)){
$('.h').text((hours < 10 ? "0":"") + hours);
shake($('.h'));
}
if ($('.m').text() != ((minutes < 10 ? "0":"") + minutes)){
$('.m').text((minutes < 10 ? "0":"") + minutes);
shake($('.m'));
}
if ($('.s').text() != ((seconds < 10 ? "0":"") + seconds)){
$('.s').text((seconds < 10 ? "0":"") + seconds);
shake($('.s'));
}
}
$(document).load(function(){
clock();
}
);
function shake(t){
t.addClass('shake-constant');
setTimeout(function(){
t.removeClass('shake-constant');
}
,470)}
CSS代码(csshake.min.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
分享到微博
微信扫一扫
