BoxLoader

HTML
<div class="be-awesome">

</div>
						
JS
$(".be-awesome").boxLoader({
    direction:"x",
    position: "100%",
    effect: "fadeIn",
    duration: "1s",
    windowarea: "50%"
}); 
Demos
  • Direction: X
  • Position: 50%
  • Effect: FadeIn
  • Duration: 1s
  • Windowarea: 50%
  • Direction: X
  • Position: -50%
  • Effect: FadeIn
  • Duration: 3s
  • Windowarea: 50%
  • Direction: Y
  • Position: 100%
  • Effect: None
  • Duration: 2s
  • Windowarea: 50%
  • Direction: Y
  • Position: 100%
  • Effect: FadeIn
  • Duration: 1s
  • Windowarea: 50%
  • Direction: X
  • Position: 100%
  • Effect: FadeIn
  • Duration: 3s
  • Windowarea: 50%
  • Direction: None
  • Position: None
  • Effect: FadeIn
  • Duration: 1s
  • Windowarea: 50%
DOWNLOAD