Smooth CSS3 Preloaders

$4.00 (as of April 29, 2019, 11:48 am)

High Resolution: Yes, Compatible Browsers: IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge, Software Version: CSS3

Description

Pure CSS3 Preloaders for Smoother Animation

Why Use a CSS3 Preloader?

Because GIF preloaders are regularly choppy all over heavy lifting.
And because CSS3 looks and works improbable on iOS!

What’s Included

  • The download source includes 3 custom-built pure CSS3 preloaders.
  • Minimal markup and easy implementation make these preloaders useful for nearly any project.
  • Colors and size are easy to change.
  • Because they’re built in pure CSS3, the preloaders are retina-in a position by default.
  • Each preloader includes a GIF fallback for IE.

JavaScript Options

The preloaders come with a couple of pure JavaScript options (no jQuery needed).

  • Preload an entire web page (see video above) with a lightbox-style fullscreen preloader.
  • An API method that lets you fade the preloader out and in (upon fadeout the keyframe animation is removed automatically for optimal performance).

Lightweight and Easy to Use

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

<div class="cj-preloader cj-spin">

    <span class="cj-outdoor" /><span class="cj-inside" />

</div>

Special Notes

– The first two versions aren’t 100% transparent. The third version of the preloader is.

– This is NOT a WordPress Plugin.

More files from CodingJack

jQuery Lightbox

HTML5 Video Player

Additional information

compatible-browsers

, , , , , , , , ,

compatible-software

high-resolution

source-files-included

,

video-preview-resolution

Reviews

There are no reviews yet.

Be the first to review “Smooth CSS3 Preloaders”

Your email address will not be published. Required fields are marked *