a.button {

    background-size: 150% 100%;
    
    -webkit-animation: AnimationName 2s ease infinite;
    -moz-animation: AnimationName 2s ease infinite;
    animation: AnimationName 10s ease infinite;
    }
    
    @-webkit-keyframes AnimationName {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
    }
    @-moz-keyframes AnimationName {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
    }
    @keyframes AnimationName {
        0%{background-position:0% 50%}
        33%{background-position:0% 50%}
        
        35%{background-position:-200% 50%}
        60%{background-position:-300% 50%}
        
        65%{background-position:-300% 50%}
        98%{background-position:-200% 50%}
        100%{background-position:0% 50%}
    }