Ajax Loader
×
HTML
<script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
1
<script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
 
CSS
body {
1
body {
2
    background-color: #111;
3
    line-height: 1em;
4
    font-size: 1.08em;
5
    font-weight: bold;
6
    width: 100%;
7
    height: 100%;
8
    word-wrap: break-word;
9
}
10
 
11
span { opacity: 0.0; -webkit-font-smoothing: antialiased; color: #fff; }
 
JavaScript
[setTimeout((-> (el = $ 'body'; ch = $ "<span>#{char}</span>"; el.append(ch); ch.animate({opacity:Math.random()}, 500);) for char in ["", "", ""].sort -> 0.5 - Math.random()), i * 10)] for i in [1...1000]
1
[setTimeout((-> (el = $ 'body'; ch = $ "<span>#{char}</span>"; el.append(ch); ch.animate({opacity:Math.random()}, 500);) for char in ["╲", "╱", "╳"].sort -> 0.5 - Math.random()), i * 10)] for i in [1...1000]
2
  
 

Untitled

CSSDeck G+