.container {width: 300px;height: 300px; position:fixed; overflow: hidden; bottom:0 ;  right: 0; }
.world {position: absolute; top:0 ; left: 0; width: 100%; height: 100%;
background: url('img/my/world.png') no-repeat center center ;}
.rocket {position: absolute; top:0 ; left: 0; width: 100%; height: 100%;
    background: url('img/my/rocket.png') no-repeat 10px center ;
    animation: rocketmove 10s linear infinite ;
    transition:background-position 0.8s ; }
.container:hover .rocket {background-position: 50px center;}
@keyframes rocketmove {
    from {transform: rotate(0deg); }
    to {transform: rotate(360deg);} }
div.footerofpage {width: 50px;height: 50px; position:fixed; overflow: hidden; bottom:0;right:0; border: 2px;}