logologo-dark

Preloader

Examples for adding custom Preloader with CSS and JavaScript using CSS3 for animations.

Examples

Use .js-preloader div before closing html. then change animation class on .loading-animation div, for example .tri-ring, .duo-pulse etc.

  • Three Ring
  • Double Pulse
Code Example
<div class="js-preloader">    <div class="loading-animation tri-ring"></div></div><div class="js-preloader">    <div class="loading-animation duo-pulse"></div></div>
Switch Demo Layout
Use Case Concept
Preview Settings
Direction Change
LTR Mode
RTL Mode
Main UI Style
Default
Shady
Clean
Apps Sidebar Style
White
Light
Dark
Theme
Header Style
White
Light
Dark
Theme
Sidebar Style
White
Light
Dark
Theme
Primary Skin
Default
Blue
Egyptian
Blue Light
Green
Red
Skin Mode
Light Skin
Dark Skin
Looking for functional script for Investment Platform? Check out
Investorm
Looking for Advanced
Investment Platform?