css3鼠标经过，图片旋转

<style>
        .navigation:hover .img {
            -webkit-transition:0.4s linear;transition:0.4s ease-in;
            -webkit-transform:rotate(180deg);transform:rotate(180deg);
        }
</style>
<div>
<img src="1.png" class='img' />
</div>