Ajax Loader
HTML
<!--
1
<!--
2
 @fileoverview: Simple CSS3-Transform Spiral :)
3
 @author: denisx@denisx.ru (Denis Khripkov) 
4
 @site: http://denisx.ru
5
 @date: 2013-04-15
6
 @version: v1.01
7
-->
8
 
9
<script type="text/javascript" src="http://yandex.st/jquery/1.9.1/jquery.min.js"></script>
 
CSS
body {
1
body {
2
  padding: 0 50%;
3
}
4
span {    
5
  display: inline-block;
6
  border-bottom: 1px solid;
7
  
8
  -webkit-animation-iteration-count: infinite;
9
  -webkit-animation-timing-function: linear;
10
  -webkit-animation-duration: 10s;
11
  -webkit-animation-name: flag_tail;
12
  }
13
@-webkit-keyframes flag_tail {
14
  100% {-webkit-transform: rotate(360deg)}
15
}
 
JavaScript
$(function(){
1
$(function(){
2
  var MAX=20;
3
  var n=MAX;
4
  var div=$('<div/>');
5
  for(var i=0; i<n; ++i){
6
    var obj=$('<p/>').appendTo(div);
7
    var m=MAX;
8
    for(var i=0; i<m; ++i){
9
      obj=$('<span/>',{
10
        text: ' _ _ '
11
      }).appendTo(obj);
12
    }
13
  }
14
  div.appendTo('body');
15
});
 

Some CSS3 Spiral

CSSDeck G+