css animation 1

<!doctype html>
<html>
<head>
<title>CSS animations: Example 1</title>
<style type="text/css">
    img {border-radius:100px;}
    img:hover {
        animation-duration: 2s;
        animation-name: myfirstanimation;
    }
    @keyframes myfirstanimation {
        from {
            transform:rotate(0deg);
        }
        to {
            transform:rotate(360deg);
        }
    }
</style>
</head>
<body>
<img src="http://lorempixel.com/200/200" width="200" height="200" alt="animation sample">
</body>
</html>