Smooth CSS3 Preloaders

CodeCanyon Smooth CSS3 Preloaders 3144465
Script \ CSS Style \ Animations and Effects
Preloader \ Preloaders \ Because \ Includes \ Markup \ Minified \ Options

CSS Style - Smooth CSS3 Preloaders 3144465 by CodingJack @ CodeCanyon

Script \ CSS Style \ Animations and Effects

Pure CSS3 Preloaders for Smoother Animation
Why Use a CSS3 Preloader?
Because GIF preloaders are often choppy during heavy lifting.
And because CSS3 looks and works fantastic 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 just about any project.

- Colors and size are easy to change.

- Because they’re built in pure CSS3, the preloaders are retina-ready by default.

- Each preloader includes a GIF fallback for IE.

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

- Preload an entire web page (see video above) with a lightbox-style fullscreen preloader.

- An API method that allows you to fade the preloader in and out (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-outside" /><span class="cj-inside" />

Special Notes
- The first two versions are not 100% transparent. The third version of the preloader is.
- This is NOT a WordPress Plugin.

More files from CodingJack

Last Update: 19 June 13; High Resolution: Yes; Compatible Browsers: IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome; Files Included: JavaScript JS, CSS; Software Version: CSS3.

Tiny Music Player - HTML5 Audio w/ Flash Backup; 3D Carousel for WordPress; Percentage Preloader; HTML5 Music Player for WordPress with 3 Skins; Blades 3D Responsive & Retina Ready Banner Rotator; TextFX2 - CSS3 Text Animations; ZoomShowcase - Responsive Banner for WordPress.

Keywords: ajax loader, ajax preloader, ajax preloaders, css preloader, css3 preloader, loader, page preloader, preloader, preloaders, pure css preloader, site preloader, spinning preloader, website preloader.

Create CodeCanyon Smooth CSS3 Preloaders 3144465 style with After Effect, Cinema 4D, 3DS Max, Apple Motion or PhotoShop. CodeCanyon Smooth CSS3 Preloaders 3144465 from creative professional designers. Full details of CodeCanyon Smooth CSS3 Preloaders 3144465 for digital design and education. CodeCanyon Smooth CSS3 Preloaders 3144465 desigen style information or anything related.


Add Comments:
Enter Code: *