CSS3 animated rotation

CSS3 animated rotation

HTML

<div class="center">
    <img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRTCKie7zNcXtCeCjnMsE8kyg7D9fC_-Hllk7VaNoXIGHPLxbWP" class="animation-rotate" />
</div>

CSS

.center {
    width:300px;
    margin:auto;
    margin-top:100px;

}
.animation-rotate {
    margin:auto;
    animation:coinflip 0.5s infinite linear;
}

@keyframes coinflip {
    0% {
        transform:rotateY(0deg);
    }
    100% {
        transform:rotateY(360deg);
    }
}