前言:
读取数据后,需要根据状态显示对应的图片
如果是状态为运行中,图片对应的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);}
}