.comein {
    animation: comein 0.5s;
}
.comeout {
    animation: comeout 0.5s;
    animation-fill-mode: forwards;
}
.pushdown {
    animation: pushdown 0.5s;
}

@-webkit-keyframes comein {
 0%   { opacity:0; -webkit-transform: translateX(100%); }
 100% { opacity:1; -webkit-transform: translateY(0px); }
}

@-webkit-keyframes comeout {
  0% { opacity:1; -webkit-transform: translateY(0px);   }
  100%   { opacity:0; -webkit-transform: translateX(100%); }
}

@-webkit-keyframes pushdown {
  0%   { /*opacity:0;*/ -webkit-transform: translateY(-10%); }
  100% { /*opacity:1;*/ -webkit-transform: translateY(0);   }
}