@-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } .zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn } @-webkit-keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } to { opacity:0 } } @keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } to { opacity:0 } } .zoomOut { -webkit-animation-name:zoomOut; animation-name:zoomOut } @-webkit-keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInDown { -webkit-animation-name:slideInDown; animation-name:slideInDown }