@keyframes zoom-in {0%{transform:scale(0.1);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes shake-up {0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0%);opacity:1}75%{transform:translateY(-5%);opacity:1}100%{transform:translateY(0%);opacity:1}}
@keyframes shake-down {0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0%);opacity:1}75%{transform:translateY(5%);opacity:1}100%{transform:translateY(0%);opacity:1}}
@keyframes shake-left {0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0%);opacity:1}75%{transform:translateX(5%);opacity:1}100%{transform:translateX(0%);opacity:1}}
@keyframes shake-right {0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0%);opacity:1}75%{transform:translateX(-5%);opacity:1}100%{transform:translateX(0%);opacity:1}}

@keyframes move-fadein {0%{opacity:0}100%{opacity:1}}
@keyframes move-fadeout {0%{opacity:1}100%{opacity:0}}
@keyframes shake-fadein {0%{opacity:0}50%{opacity:1}55%{opacity:0}65%{opacity:1}70%{opacity:0}80%{opacity:1}90%{opacity:0}100%{opacity:1}}
@keyframes shake-fadeout {0%{opacity:1}50%{opacity:0}55%{opacity:1}65%{opacity:0}70%{opacity:1}80%{opacity:0}90%{opacity:1}100%{opacity:0}}	
@keyframes rotate3d-x {0%{transform-style:preserve-3d;transform:rotateX(0deg);}100%{transform-style:preserve-3d;transform:rotateX(360deg);}}
@keyframes rotate3d-y {0%{transform-style:preserve-3d;transform:rotateY(0deg);}100%{transform-style:preserve-3d;transform:rotateY(360deg);}}
@keyframes rotate3d-z {0%{transform-style:preserve-3d;transform:rotateZ(0deg);}100%{transform-style:preserve-3d;transform:rotateZ(360deg);}}
@keyframes rotate3d-x-y {0%{transform-style:preserve-3d;transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);}100%{transform-style:preserve-3d;transform: rotateY(360deg) rotateX(360deg) rotateZ(0deg)}}
@keyframes rotate3d-x-z {0%{transform-style:preserve-3d;transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);}100%{transform-style:preserve-3d;transform: rotateY(0deg) rotateX(360deg) rotateZ(360deg)}}
@keyframes rotate3d-y-z {0%{transform-style:preserve-3d;transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);}100%{transform-style:preserve-3d;transform: rotateY(360deg) rotateX(0deg) rotateZ(360deg)}}
@keyframes rotate3d-x-y-z {0%{transform-style:preserve-3d;transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);}100%{transform-style:preserve-3d;transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg)}}


.zoom-in {visibility:visible;animation-name: zoom-in;animation-duration:.5s;animation-timing-function: linear}
.shake-up {visibility:visible;animation-name: shake-up;animation-duration:1s;animation-timing-function: linear}
.shake-down {visibility:visible;animation-name: shake-down;animation-duration:1s;animation-timing-function: linear}
.shake-right {visibility:visible;animation-name: shake-right;animation-duration:1s;animation-timing-function: linear}
.shake-left {visibility:visible;animation-name: shake-left;animation-duration:1s;animation-timing-function: linear}
.move-fadein {visibility:visible;animation-name: move-fadein;animation-duration:1s;animation-timing-function: linear}
.move-fadeout {visibility:visible;animation-name: move-fadeout;animation-duration:1s;animation-timing-function: linear}
.shake-fadein {visibility:visible;animation-name: shake-fadein;animation-duration:1s;animation-timing-function: linear}
.shake-fadeout {visibility:visible;animation-name: shake-fadein;animation-duration:1s;animation-timing-function: linear}
.rotate3d-x {visibility:visible;animation-name:rotate3d-x;animation-duration:1s;animation-timing-function:linear}
.rotate3d-y {visibility:visible;animation-name:rotate3d-y;animation-duration:1s;animation-timing-function:linear}
.rotate3d-z {visibility:visible;animation-name:rotate3d-z;animation-duration:1s;animation-timing-function:linear}
.rotate3d-x-y {visibility:visible;animation-name:rotate3d-x-y;animation-duration:1s;animation-timing-function:linear}
.rotate3d-x-z {visibility:visible;animation-name:rotate3d-x-z;animation-duration:1s;animation-timing-function:linear}
.rotate3d-y-z {visibility:visible;animation-name:rotate3d-y-z;animation-duration:1s;animation-timing-function:linear}
.rotate3d-x-y-z {visibility:visible;animation-name:rotate3d-x-y-z;animation-duration:1s;animation-timing-function:linear}