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