stop animation

CSS3 to simulate stop animation effect

by loveky

HTML

<div id="hahaha"></div>

CSS

@keyframes wave {
        to {
            background-position: -1184px 0
        }
    }
    @-webkit-keyframes wave {
        to {
            background-position: -1184px 0
        }
    }
    #hahaha {
        margin: 50px auto;
        width: 49px;
        height: 75px;
        background: url('https://raw.github.com/loveky/loveky.github.io/master/assets/images/css3-stop-animation-background.png') 0 0;
        -webkit-animation: wave 2s infinite steps(24);
        animation: 2s wave infinite steps(24);
    }