20150702-1 css animation

<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>css animation</title>
<style>
    img {
        border-radius: 100px;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
  animation-name: myani;
    }
    @keyframes myani {
            from {
                    transform:rotate(0deg);
            }
            to {
                    transform:rotate(360deg);
            }
    }
</style>
</head>
<body>
<img src="http://lorempixel.com/200/200">
</body>
</html>