/*********************Right TO left****************************/

.tilepop-right {
        position: relative;
        -webkit-animation-name: example;  /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s;  /* Safari 4.0 - 8.0 */    
        -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
        animation-name: example;
        animation-duration: 3s;    
        animation-fill-mode: forwards;
    }

    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes example {
        from {right: -1300px;}
        to {right:0px;}
    }

    @keyframes example {
        from {right: -1300px;}
        to {right: 0px;}
    }



    /*********************Top TO Bottom****************************/

    .tilepopmove {
   
    position: relative;
    -webkit-animation-name: examplemove; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:8s; /* Safari 4.0 - 8.0 */
    animation-name: examplemove;
    animation-duration: 8s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes examplemove {
    0% { top:-100px;}
   50%{top:250px;}
   75%{top:250px;}
   100% {top:-100px; }
}

/* Standard syntax */
@keyframes examplemove {
     0% { top:-100px;}
   50%{top:250px;}
   75%{top:250px;}
   100% {top:-100px; }
}