动画css ---无限旋转

前言:

      读取数据后,需要根据状态显示对应的图片

      如果是状态为运行中,图片对应的icon图片需要沿中心点旋转起来

.logo{
 
 		width:20px;
 		height: 20px;
 		background: red;
		-webkit-animation:haha1 .8s linear infinite;
 
	}
 
	@-webkit-keyframes haha1{
 
		0%{-webkit-transform:rotate(0deg);}
 
		25%{-webkit-transform:rotate(90deg);}
 
		50%{-webkit-transform:rotate(180deg);}
 
		75%{-webkit-transform:rotate(270deg);}
 
		100%{-webkit-transform:rotate(360deg);}
 
	}

猜你喜欢

转载自blog.csdn.net/dongsdh/article/details/81590696