Easy CSS3 Preloaders

Natural CSS3 Preloaders for Smoother Animation

Why Use a CSS3 Preloader?

As A Result Of GIF preloaders are often uneven all through heavy lifting.
And as a result of CSS3 appears and works implausible on iOS!

What’s Incorporated

• The obtain supply contains 3 customized-constructed natural CSS3 preloaders.
• Minimal markup and simple implementation make these preloaders helpful for almost about any challenge.
• Colors and dimension are easy to switch.
• As A Result Of they’re inbuilt pure CSS3, the preloaders are retina-able by means of default.
• Each And Every preloader features a GIF fallback for IE.

JavaScript Options

The preloaders come with a few natural JavaScript options (no jQuery needed).

• Preload a complete website (see video above) with a lightbox-taste fullscreen preloader.
• An API method that permits you to fade the preloader in and out (upon fadeout the keyframe animation is got rid of automatically for most suitable efficiency).

Light-Weight And Simple To Use

The minified CSS is purely 3kb, and the minified JS best 1kb.
Here’s a pattern of the markup for the first preloader:

<div elegance="cj-preloader cj-spin"> <span class="cj-outdoor" /><span class="cj-inside" /> </div>

Unique Notes

- The First two variations are not ONE HUNDRED% transparent. The third model of the preloader is.

- that is NOT a WordPress Plugin.

Extra recordsdata from CodingJack

FULL DOWNLOAD