@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}}

.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}