loading条animation写法

那个转的圈圈。。。。

-webkit-animation: rotate360 .5s linear infinite;

-moz-animation: rotate360 .5s linear infinite;

animation: rotate360 .5s linear infinite;

@-webkit-keyframes rotate360{
    0%{-webkit-transform-origin:center center;
    -webkit-transform:rotate(-360deg);}
    100%{-webkit-transform-origin:center center;
    -webkit-transform:rotate(0);}
}
@-moz-keyframes rotate360{
    0%{-moz-transform-origin:center center;
    -moz-transform:rotate(-360deg);}
    100%{-moz-transform-origin:center center;
    -moz-transform:rotate(0);}
}
@keyframes rotate360{
    0%{transform-origin:center center;
    transform:rotate(-360deg);}
    100%{transform-origin:center center;
    transform:rotate(0);}
}

注意：如果是行内元素是不能转的额，要添加display:inline-block;或者display:block;