• 欢迎访问夜影小窝网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入夜影小窝 QQ群
  • Git主题现已支持滚动公告栏功能,兼容其他浏览器,看到的就是咯,在后台最新消息那里用li标签添加即可。
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏夜影小窝吧

shake特效使用让网站指定内容加鼠标悬浮特效

WEB技术 yyhouse 5个月前 (04-04) 543次浏览 已收录 0个评论 扫描二维码
文章目录
[隐藏]

CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利用它我们可以实现多种不同样式的抖动效果。比如自动抖动、鼠标悬停抖动、鼠标划过抖动。这个效果很好玩,可以用到logo、图标、按钮或者标题上面,显得很酷炫。特效展示。

shake特效使用让网站指定内容加鼠标悬浮特效

shake特效使用让网站指定内容加鼠标悬浮特效

第一种方法调用,下载文章底部文件。

 
<link type="text/css" href="csshake.min.css">
/* 引入css shake的样式表,样式表可以下载到你的网站目录里调用哦 ,链接为网站shake文件的存放路径*/

第二种方法,直接把css代码写入主题文件的样式表 (style.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}}

抖动样式如下

/* 添加抖动样式,一共9种,如下 */
<div class="shake shake-hard"></div>
 
<div class="shake shake-slow"></div>
 
<div class="shake shake-little"></div>
 
<div class="shake shake-horizontal"></div>
 
<div class="shake shake.vertical"></div>
 
<div class="shake shake-rotate"></div>
 
<div class="shake shake-opacity"></div>
 
<div class="shake shake-crazy"></div>
 

文件下载 代码演示


转载请注明:来源于【夜影小窝】。文章标题:shake特效使用让网站指定内容加鼠标悬浮特效,文章链接:https://www.yeyhome.com/155.html
喜欢 (2)
[327982852@qq.com]
分享 (0)
yyhouse
关于作者:
90后,从事弱电安防智能化工程,包含监控系统,楼宇对讲系统,LED系统,广播音箱系统,停车场系统,楼宇对讲系统喜欢分享捣鼓有趣的代码。。。
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
×
订阅图标按钮