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%}
}