CSS3效果

360度无限旋转

#pullBar .fi-loop {
  display:inline-block;
  -moz-animation:rotate 2s linear infinite;
  -webkit-animation:rotate 2s linear infinite;
  animation:rotate 2s linear infinite;
}
@-moz-keyframes rotate {
  0% {
    -moz-transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}