css3 图标抖动效果

 

 

<img class="icon-shake" src="xx.png">    

<style>
.icon-shake{  
        animation: msClock 1.8s linear infinite; 
    }
    @keyframes msClock{ 
        0%,90%,100%{ transform: rotate(0) scale(1);}
        20%,40%{ transform: rotate(-15deg) scale(1.1);}
        30%,50%{ transform: rotate(15deg) scale(1.1);}
    }
</style>