/* Step 1: Build the Animation */ @-webkit-keyframes aniload { from {-webkit-transform:translate(0px, 25px)} to {-webkit-transform:translate(0px, 0px)} } @-moz-keyframes aniload { from {-moz-transform:translate(0px, 25px)} to {-moz-transform:translate(0px, 0px)} } @-ms-keyframes aniload { from {-ms-transform:translate(0px, 25px)} to {-ms-transform:translate(0px, 0px)} } @-o-keyframes aniload { from {-o-transform:translate(0px, 25px)} to {-o-transform:translate(0px, 0px)} } @keyframes aniload { from {transform:translate(0px, 25px)} to {transform:translate(0px, 0px)} } /* Step 2: Call the Animation */ .captionslide { -webkit-animation:aniload .5s ease; -moz-animation:aniload .5s ease; -ms-animation:aniload .5s ease; -o-animation:aniload .5s ease; animation:aniload .5s ease; z-index:99999; } #video_overlays { position:absolute; float:left; width:100%; height:100%; background-color:#000000; opacity:0.5; z-index:99;}