animation图片旋转

html随便给一张图片，便可以套上以下样式，使其旋转

 .animation1 {
     animation: sploosh1 2s linear infinite;
 }
@keyframes sploosh1{
	// from{  //动画开始时对于的样式
	// 	transform: rotate(0deg);
	// }
	// to{ // 动画结束时对应的样式
	// 	transform: rotate(360deg);
    // }
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(20deg);
    }
    100%{
        transform: rotate(0deg);
    }
    
}