Demos | Home


Documentation

Below are the current list of mixins, options, and animations. A loader that uses all the options would look like this:

        .loaderDemo{
         @include loadit-target($color:purple,$secColor:red,$size:50px,$animation:switch,$speed,4s);
        }
      

The outputed CSS would look like this(you can play with it and see the effect below):

      
      

And look like this:

Loader Name Options Available Animations
loadit-dots
$color,$size,$animation,$speed
fade - default, drop, bounce
loadit-ball
$color,$size,$animation,$speed
bounce - default, roll, move
loadit-square
$color,$secColor,$size,$animation,$speed
flip - default, fill
loadit-target
$color,$secColor,$size,$animation,$speed
pulse - default, switch, smudge, circle, slice, wedge
loadit-bars
$color,$size,$animation,$speed
radio - default, wave
loadit-spinner
$color,$size,$animation,$speed
dots - default, indicate, inside, ball