Google's Wave Doodle

gistfile1.css

@keyframes wave
{
0% {background-position: 0px 0px}
100% {background-position: -388px 0px}
}

@-moz-keyframes wave /* Firefox */
{
0% {background-position: 0px 0px}
100% {background-position: -388px 0px}
}

@-webkit-keyframes wave /* Safari and Chrome */
{
0% {background-position: 0px 0px}
100% {background-position: -388px 0px}
}

#wave{
    width:388px;
    height:223px;
    margin: 100px auto 10px auto;
    border:1px #000000 dashed;
    background: url('https://img.skitch.com/20120222-fee2prgm5eyuipa3pdm281brif.jpg') top left repeat-x;
    
    animation: wave 3.5s;
    -moz-animation: wave 3.5s; /* Firefox */
    -webkit-animation: wave 3.5s; /* Safari and Chrome */
    
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}