.container{
        width: 150px;
        height: 10px;
        margin: 0 auto;
    }
    /*It's cub*/
    .loading{
        width: 10px;
        height: 10px;
        background: #828282;
        float: left;
        margin-left: 5px;
        opacity:0.1;
    -moz-transform:scale(0.7); /* allows to transform the element */
    -webkit-transform:scale(0.7);
    -moz-animation:move 1s infinite linear;
    -webkit-animation:move 1s infinite linear;

        }
        /*one at a time animation*/
#block_1{
    -moz-animation-delay: .1s; /*animation-delay can be set animation delay before playback starts.*/
    -webkit-animation-delay: .1s;
 }

#block_1{
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
 }
#block_2{
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}
#block_3{
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}
#block_4{
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
}
#block_5{
    -moz-animation-delay: .6s;
    -webkit-animation-delay: .6s;
}
@-moz-keyframes move{
    0%{-moz-transform: scale(1.2);opacity:1;}
    100%{-moz-transform: scale(0.7);opacity:0.1;}
}
@-webkit-keyframes move{
    0%{-webkit-transform: scale(1.2);opacity:1;}
    100%{-webkit-transform: scale(0.7);opacity:0.1;}
}